/*
Blár #3566a9
Rauður #bb2d21
*/
@import url('https://fonts.googleapis.com/css?family=Anton');
@font-face {
    font-family: 'Almaq Refined';
    font-style: normal;
    font-weight: normal;
    src: local('Almaq Refined'), url('Almaq_Refined.tttf') format('tttf');
    }

html, body{
    height:100%;
}
body{
    margin:0;
    display:flex;
    min-height: 100vh;
    flex-direction: column;
}
.footer{
    height:35px;
    width:100%;
    background-color: #BB2D21;
}
.top{
    height:35px;
    background-color: #3566A9;
}
.container{
    display: flex;
    flex: 1;
}
.content{
    flex:1 0 auto;
    max-width: 100%;
}
.content h1{
    text-align:center;
    font-size: 62px;
    font-family: "Almaq Refined";
    font-weight: 400;
}

.banner{
    margin-left:18%;
}
.banner img{
    max-width:100%;
}
.extra{
    display:flex;
    flex-direction: row;
    margin-top:100px;
}
.extra-item{
    width: 30em;
    margin-top: 15px;
    margin-bottom: 35px;

}
.extra-item img{
    width:600px;
    height:400px;
}

.extra p{
    margin:25px;
    font-size:25px;
    font-family: "Almaq Refined";
}
.sub-extra:first-child{
    margin-left:30px;
    margin-right:0px;
    padding-right: 200px;
    border-right: 7px solid  #3566A9;
}
.sub-extra:last-child{
    margin-left: 100px;
    padding-left: 1px;
    border-left: 7px solid  #3566A9;
}

.extra-item-aside{
    width: 21em;
    margin-top: 35px;
    margin-bottom: 100px;
    margin-left: 100px;
}
.extra-item-aside img{
    max-width: 100%;
}
/* not used atm */
.try-box{
    font-size: 32px;
    font-family:  'Anton', sans-serif;
    flex-shrink:1;
    margin:5px;
    max-width: 24em;
    max-height:150px;
    background-image: linear-gradient(to right top, #e0d241, #dbcd44, #d5c946, #d0c449, #cbc04b);
}
.try-box span{
    position: relative;
    top: 25%;
    padding:5px;
}
.try-head p{
    font-size:24px;
}
.try-aside{
    text-align: center;
    margin: 5px;
    flex: 0 0 40em;
}
.try-aside li{
    text-align: left;
}

.points{
    display:flex;
    flex-direction: column;
}
.points img{
    margin-top:60px;
    max-width: 40em;
}

.line{
    border-bottom:1px solid black;
}

.bottom{
    font-family: "Almaq Refined";
}
.btm-item{
    color: #3566A9;
    margin-left:525px;
    font-size: 35px;
}
.btm-item:first-child{
    margin-left:260px;
}