body {
  font-family: sans-serif;
   margin: 0;
   background: white;
   
     -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.numb {
position:fixed;
right:2em;
bottom:0;
z-index:20;
color:#f11924;
}

h1 {
  text-align: center;
  margin-top: 50px;
}

p {
text-align: left;
}

h4{
  text-align:center; 
  line-height:80px;
  font-weight:normal;

}

.masonry { /* Masonry container */
    -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.item {
    display: inline-block;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item img{max-width:100%;}


.item iframe{max-width:100%;

}


@media (min-width:320px)  {     
.masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
        iframe {
    width:100vw; height:60vw;
    }   
}


@media (min-width:481px)  {    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
        iframe {
    width:100vw; height:60vw;
    }    }
@media (min-width:641px)  {     .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
        iframe {
    width:100vw; height:60vw;
    }  
    }
@media (min-width:961px)  { @media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
        
iframe {
    width:33vw; height:25vw;
    }  
    
} }
@media (min-width:1025px) { @media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
        
iframe {
    width:33vw; height:25vw;
    }  
    
} }
@media (min-width:1281px) { @media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
        
iframe {
    width:33vw; height:25vw;
    }  
    
} }




@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    
        iframe {
    width:100vw; height:60vw;
    }  
}



@media only screen and (min-width: 321px) and (max-width: 768px){
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    iframe {
    width:100vw; height:60vw;
    }  
}


@media only screen and (min-width: 769px) and (max-width: 1200px){
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
iframe {
    width:50vw; height:30vw;
    }       
}



@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
        
iframe {
    width:33vw; height:25vw;
    }  
    
}


#squirrelContainer
{
position: relative;
display: inline-block;
cursor:e-resize;

}


.squirrel
{
    position: relative;
    display: inline-block;
    display: none;
    cursor:e-resize;
    
}

.squirrel.default
{
position: relative;
display: inline-block;
cursor:e-resize;

}

#container {
margin-left:2em;
margin-top:2em;
margin-bottom:6em;
position:fixed;
z-index:20;
}

#container img {
width:6em;
height:6em;
position:fixed;
z-index:20;
}



.frame {
width:100%;
padding-top:0%;
padding-bottom:100%;
height:0;
overflow:none;
}


.mail {
float:left;
text-align:left;
left:2em;
bottom:2em;
position:fixed;
z-index:20;
text-align:right;
}

.line  {
line-height: .5em;
vertical-align: top;
padding-right:5px;
padding-left:5px;
}

.line2  {
line-height: .5em;
vertical-align: bottom;
}

.line3  {
padding-left:5px;
}


a {
color:red;
text-decoration:none;
}



.statement {
margin-left:2.5em;
margin-top:15vh;
text-align:left;
float:left;
display: block;
position:fixed;
overflow:wrap;
height:100vh;
width:25vw;
z-index:15;
font-size:2vh;
color:red;
}

.statement p {
text-align:left;
width:80vw;
float:left;
display: block;
position:fixed;
overflow:wrap;
height:100vh;
z-index:15;
font-size:1.8vh;
color:red;
}