* {padding:0; margin:0;}

a {outline:none;}

.clear {
clear:left;
}



/* FRIENDS */

#friends {
background-image:url(../backgrounds/blueplaster.jpg);
position:relative;
width:100%;
//min-height:100vh;
font-family: 'Roboto';
font-weight:100;
font-size:1.50vw;
line-height:33px;
padding:6% 0 225px 4%;
overflow:hidden;
}

#friends h1 {
font-size:44px;
margin-top:-24px;
padding-bottom:45px;
}

#friends h1 a {
color:#fff;
text-decoration:none;
outline:none;
}


#friends ul {
overflow:hidden;
width:100%;
list-style:none;
animation: fadein 2s;
   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

#friends ul.m {
width:100%;
list-style:none;
display:none;
}

#friends .clear {
height:25px;'
}

#friends ul li {
width:18%;
float:left;
margin-right:18px;
}

#friends ul li:last-child {
margin-right:0;
}

#friends img {
width:99%;
border:1px solid #c1c1c1;
}

#friends h1.mob {
display:none;
}

#morephotos {
overflow:hidden;
animation: fadein 3s;
   -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

#morephotos2 {
overflow:hidden;
animation: fadein 4s;
   -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}