@media only screen and (max-width: 980px) { 
    
    #menu {
        display: none;
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        background:rgba(255,255,255,0.94);
        z-index: 10;
    }
    
    #menu.open {
        display: block;
    }
    
    #hamborgari {
        display: block;
    }
    
    #menu ul.menu { 
        width: 100%;
        margin-top:160px;
    }
    
    #menu ul.menu li {
        width:100%;
        float: left;
        margin: 15px 0;
        text-align: center;
        font-size: 28px;
    }
    
    #menu ul.menu li.divider {
        border-right: 0px solid #e9e9e9;
        padding-right: 0px;
        margin-right: 0px;
    }
    
    #menu ul.menu li.btn, #menu ul.menu li.btn_inn {
        margin: 15px 0 0;
    }
    
    #menu ul.menu li.btn_inn a {
        display: inline-block;
        padding: 14px 28px;
        margin-top: 22px;
    }
    
    #menu ul.menu li.btn a {
        display: inline-block;
        padding: 14px 28px;
        margin-top: 0px;
        background:#fff;
    }
    
    section .background_mynd {
        height:360px;
        width: 35%;
    }
    
    section .background_mynd .online {
        width: 50px;
        height: 50px;
        left: 60px;
        border: 6px solid #fff;
    }
    
    .yfirfyrirsogn {
        margin: 20px 0 0 0;
    }
    
    .fyrirsogn {
        
        font-size: 38px;
    }
    
    .undirfyrirsogn {
        max-width: 65%;
    }
    
    .mask {
        clip-path: url(../img/verk_maski_4.svg);
        -webkit-mask-image:url(../img/verk_maski_4.svg);
        mask-image:url(../img/verk_maski_4.svg);
        webkit-mask-image:url(../img/verk_maski_4.svg);
        mask-mode:alpha;
        webkit-mask-mode:alpha;
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
        webkit-mask-repeat:no-repeat;
        -webkit-mask-size:56%;
        mask-size:56%;
        webkit-mask-size:56%;
        -webkit-mask-position:top left;
        mask-position:top left;
        webkit-mask-position:top left;
    }
    
    .half {
        width:100%;
        padding: 10px 0;
    }
    
    section.hafdusamband form {
        margin-top: 0px;
    }
    
    input, textarea {
        width:calc(100% - 0px);
    }
    
    .onlymobile {
        display: block;
    }
    
    .notmobile {
        display: none;
    }
    
    .umkerfid {
        width: 45%;
    }
    
    .half .umkerfid:nth-child(5) {
        margin: 20px 0px;
    }
}

@media only screen and (max-width: 768px) { 
    .ta { display: none; }
    
    .storata, .litlata { 
        width:50%;
    }
    
    .half .umkerfid:nth-child(1) {
        margin: 20px 0px;
    }

    .half .umkerfid:nth-child(2) {
        margin: 20px 0px;
        float:none;
    }

    .half .umkerfid:nth-child(3) {
         margin: 20px 0px;
        float:none;
    }

    .half .umkerfid:nth-child(4) {
         margin: 20px 0px;
        float:none;
    }

    .half .umkerfid:nth-child(5) {
        margin: 20px 0px;
        float:none;
    }
    
    .umkerfid {
        width: 100%;
    }
    
}

@media only screen and (max-width: 500px) { 
    .ogthra {
        font-size: 40px;
    }
    .half {font-size: 20px; }
    .yfirfyrirsogn {
        margin: 80px 0 0 0;
    }
    .fyrirsogn {
        max-width: 95%;
        text-shadow: 2px 3px 0 #fff;
        margin-bottom: 50px;
    }
    
    section .background_mynd {
        height: 360px;
        width: 56%;
        z-index: -1;
    }
    
    .undirfyrirsogn {
        max-width: 60%;
    }
    
    .ta { display: none; }
    
    section {
        margin-top: 0;
    }
    
    .storata { 
        display: none;
    }
    
    .litlata { 
        text-align: center;
        width:100%;
    }
    
    .siteinfo {
        text-align: center;
        margin: 10px 0;
    }
    
    .adgangur {
        text-align: center;
        margin: 60px 0 40px;
    }
    
    .adgangur .takki {
        font-size: 18px;
        padding: 10px 30px;
    }
    
    .brakethis {
        width:100%;
        height:15px;
        clear:both;
        display: block;
    }
    
    .starfsmadur.gudrun {
        margin: 20px -20px 0 0;
        width: 220px;
        height: 240px;
    }
    
    .starfsmadur.gudrun .mynd {
        width:200px;
        height:200px;
    }
    
    .starfsmadur.gre {
        float: right;
        margin-right:  0px;
        width: 190px;
        height: 250px;
        margin-top: -90px;
    }
    
    .starfsmadur.lilja {
        margin: 40px -20px 50px 0px;
    }
    
    .starfsmadur.vikingur {
        margin-left: -10px;
    }
    
    .starfsmadur.gre .mynd {
        height: 190px;
        width: 190px;
    }
    
    .starfsmadur {
        height: 190px;
        width: 140px;
    }
    
    .starfsmadur .mynd {
        height: 140px;
        width: 140px;
    }
    
    .starfsmadur.gauti {
        margin: 90px 0px 10px -10px;
    }
    
    .nyskra form input, .nyskra form label {
        margin-left: 0px;
    }
    
    #betribokun {
        padding: 0 0px 10px 0px !important;
    }
    
    .half.timebook.l {
        position: relative;
        padding-right: 0px;
    }
    
     .half.timebook.r {
        position: relative;
        padding-left: 0px;
    }
    
    #previous {
        left: 0px !important;
        top: 23px !important;
    }
    
    #next {
        right: 0px !important;
        top: 23px !important;
    }
    
    #timinn p {
        margin: 10px 10px 10px 0 !important;
        padding: 6px 7px !important;
        font-size: 18px !important;
    }

}