html,body{
    height:100%;
}
body{
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
    background-image:url(../images/ce.png);
    background-position: center center;
    background-size: cover;
}

section{
    position: absolute;
    bottom:0;

    float:left;
    width:100%;
    margin:0;
    padding:0;
}

.ce{
    margin-left:20px;
}
.ce h1{
    
    font-size:30px;
    color:#fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.9);
}

div.instagram{
    float:left;
    width:100%;
    background-color: rgba(244,116,33,0.85);
    background-color:#749c05;
    padding:3px;
}
.logos{
    float:left;
    width:100%;
    background-color:rgb(255,255,255);
    padding:1vh;
}
.logos ul {
    list-style: none;
    padding:0;
    margin:0;
    float:left;
    width:100%;
}
.logos li{
    float:left;
    width:16.6666%;
    margin:0;
    padding:0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
}
.logos li img{
    max-height: 30px;
    width: auto;
    height: auto;
    max-width: 100%;
}
.footer{
    float:left;
    width:100%;
    background-color: rgba(0,0,0,0.85);
    padding:5px;
    text-align: center;
    color:#fff;
}
.footer a{
    color:#fff;
    text-decoration: none;
}
.divider{
    margin:0 40px;
}
.divider::after{
    content: "I";
}




.instafeed ul.instagram {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.instafeed ul.instagram li {
    margin: 0;
    padding: 0;
    width: 16.6666%;
    width:12.5%;
    width:11.1111%;
    float: left;
}

.instafeed ul.instagram li a {
    margin: 2%;
    width: 96%;
    float: left;
    transition: all .3s ease-in-out;
}

.instafeed ul.instagram li a img {
    padding: 0;
    margin: 0;
    width: 100%;
}

.instafeed ul.instagram li a:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0,0,0,.75);
}



.social-media{
    position:fixed;
    top:0;
    right:0;
    margin:0;
    padding:0;
    margin-top:32px;
    background-color: rgba(255,255,255,0.65);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}
.social-media ul{
    list-style: none;
    margin:0;
    padding:0;
}
.social-media li {
    padding:3px;
}
.social-media img{
    width:32px;
    height: 32px;
    border-radius:4px;
    opacity:0.65;
    transition: 0.3s all ease-in-out;
}
.social-media img:hover{
    opacity:1;
    transform: scale(1.1);
}

@media(max-width:480px){
    .ce h1{
        font-size:20px;
    }

    .instafeed ul.instagram li {
        width:25%;
    }
    .instafeed ul.instagram li:nth-child(5),
    .instafeed ul.instagram li:nth-child(6),
    .instafeed ul.instagram li:nth-child(7),
    .instafeed ul.instagram li:nth-child(8),
    .instafeed ul.instagram li:nth-child(9) {
        display:none;
    }
    .divider{
        margin:0 10px;
    }
    .divider::after{
        content:"";
    }


    .logos li{
        width:33.3333%;
        line-height: 30px;
    }
    .logos li img{
        max-height: 30px;
    }
    .logos li:nth-child(4),
    .logos li:nth-child(5),
    .logos li:nth-child(6) {
        display: none;
    }

}