*{
box-sizing:border-box;
padding:0;
margin:0;
}

#contentbox{
  max-width:700px;
  margin:auto auto;
  color:#ffffff;
  font: 20px/1.2 "micro_regular";
  margin-top: 140px;
}

#contentbox p{
}

#intro{padding:0 15px 0 15px;}

body{
background-color:#16284a;
margin:0;
padding:0;
}

.header{
    height:80px;
    width: 100%;
    z-index: 800;
    top: 0;
    left:0;
    background-color: #7ACEF3;
    position: fixed;
}

.log{
    display: flex;
    justify-content: center;
    align-content: center ;
}

.log p{
    font-family: "display_regular";
    font-size: 1.2rem;
    padding-left: 10px;
}

.page h1{
    font-family: "display_regular";
    font-size: 1.2rem;
}

.page{
    display: flex;
    padding-left:3%;
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-right: 5%;
    flex-direction: column;
    align-items: flex-start;
}

.page h1{
    font-size: 1.5rem;
    color:#16284A;
}

.page a{
    font-size: 1rem;
    padding-right:20px;
    opacity: 0.5;
    text-decoration: none;
    text-align: center;
    color:#16284A;
}

.page a.an{
    opacity:1 !important;
}

.an:hover{
    color:white;
}

.page a:hover{
    opacity: 1;
    cursor: pointer;
}

.page h2:last-child{
    padding-right:0;
}

.sub{
    white-space: nowrap;
    display: flex;
    margin-top:1.5vw;
    padding-bottom: 1vw;
    width: 100%;
    align-items: center;
    overflow: auto;
}

.socials{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background-color: #7ACEF3;
    padding-top: 15px;
    padding-left: 2vw;
    padding-right: 2vw;
}

.socials svg{
    height:100%;
    fill: #16284A;
    opacity:0.5;
}

.socials svg:hover{
    opacity: 1;
    cursor: pointer;
}

#facebook{
    padding-right: 10px;
}

.social:first-child{
    padding-right:10px;
}

.buttons{
    display: flex;
    justify-content: flex-end;
    width: 100px;
}



@media only screen and (min-width: 768px) and (min-height: 600px) {
    .header{height:105px;}
    .page {flex-direction: row; align-items: center; padding-right:  2vw; padding-left: 2vw;}
    .page h1{font-size:3rem;}
    .page a{padding-right: 0; padding-left: 20px;}
    .sub{width:auto; margin-top:0; padding-bottom: 0;}
}