.staffbar div:nth-child(6) {
    display: none;
}

.deilingar {
    display: none;
}

.deilingar .sharedaddy {
    float: left;
    margin-top: 20px;
}

nav.open  {
    margin: 0;
    padding: 0;
    float: left;
    margin-top: 78px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    width: 100%;
    background: rgba(255,255,255,0.95);
    height: calc(100vh - 78px);
    position: fixed;
    top: 0;
    left: 0;
    display: block; 
} 

nav.open ul li {
    width:100%;
    text-align: center;
}
 
@media only screen and (max-width: 1100px) {
    .banner { width:100%;  height: 360px; }
   

    .auglysing_1, .auglysing_2 {
        width:50%;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    
    .auglysing_1 {
        border-right: 2px solid #fff;
    }
    
    .tour {
        width: calc(33.3334% - 20px);
    }


}

@media only screen and (max-width: 980px) {
    .tour {
        width: calc(50% - 20px);
    }
    
    .fleiri_frettir { width:100%; }
    .efnid { width:100%;margin-right: 0; }
    
    .mustsee_blog .blog { width: calc(50% - 20px); }
    
    .socialbar div div { font-size: 24px; }
    .socialbar div div i { font-size: 20px; height:40px; width:40px; }
}

@media only screen and (max-width: 800px) {
    
    .bg-video {
        display: none;
    }

    body { padding: 88px 0 0; }
    body.single, body.page, body.archive { padding: 70px 0 0; }
    
    nav { 
        display: none;
    }
    
    #tommi { 
        display: block;
    }
    
    .banner .textinn { max-width: 100%;}
    .socialbar div div {
        width: calc(100% - 20px);
        margin: 10px;
    }
    
    .socialbar.grey div div div.vidburdir_texti {
        width: 100%;
        padding: 0 0px;
    }

    .auglysing_2 .textinn h2, .auglysing_1 .textinn h2 {
        font-size: 32px;
    }
    
    .merki {
        width: 86px;
        height: 60px;
        background-size: 86px 60px;
    }
    
    header {
        height: 78px;
    }
    
    footer div div.leef:first-child { display:none; }
    
    footer div div.leef {
        width:25%;
    }
    
}

@media only screen and (max-width: 600px) {

    .auglysing_1, .auglysing_2 {
        width:100%;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    
    footer div div.leef {
        width:50%;
    }
    
    .tour {
        width: calc(100% - 20px);
    }
    
    .toppurinnadvera  { display:none; }
    .deilingar {
        display: block;
    }
    
}


@media only screen and (max-width: 420px) {
    
    footer div div.leef {
        width:100%;
        min-height:auto;
    }
    .stormynd { height:250px; }
    
    .side-info .creator {
        float: left;
        margin: 10px 0;
    }

}