header {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 1000;
     background-color: #ffffff;
     width: 5rem;
     -webkit-transition: width 0.3s ease;
     -o-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
     transition: width 0.3s ease;
     padding: 1.7rem .7rem;
}
 header a#logo {
     margin: 0;
     width: 100%;
     position: relative;
     float: left;
     height: 10rem;
}
 header a#logo img {
     position: absolute;
     top:0;
     left: 0;
     right: 0;
     margin: auto;
     max-height: 10rem;
}
 header nav {
     width: 0;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease, width 0.01s ease;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     -webkit-box-align: start;
     -webkit-align-items: start;
        -moz-box-align: start;
         -ms-flex-align: start;
             align-items: start;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
        -moz-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
aside nav{
    width: 100%;
    display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     -webkit-box-align: start;
     -webkit-align-items: start;
        -moz-box-align: start;
         -ms-flex-align: start;
             align-items: start;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
        -moz-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
             padding: 1rem;
}
 header nav a, aside nav a{
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     color: #A3A3A3;
     margin: .5rem 0;
     padding: .5rem 0;
     position: relative;
     font-size: 1.226rem;
     line-height: 1.4rem;
}
 header nav a i, aside nav a i{
     z-index: 1;
     position: relative;
     font-style: normal;
}
 header .logo {
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 header .minilogo{
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
     width: 3rem;
}
header .mobilebtns, aside{
    display: none;
}
 header span {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     padding: 1.7rem 0;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-transition: opacity 0.8s ease, visibility 0.8s ease;
     -o-transition: opacity 0.8s ease, visibility 0.8s ease;
     -moz-transition: opacity 0.8s ease, visibility 0.8s ease;
     transition: opacity 0.8s ease, visibility 0.8s ease;
}
 header span svg{
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #EAEAEA;
     padding: .5rem;
     width: 2.1rem;
     height: 2.1rem;
     float: left;
}
 header .contacts{
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
     -o-transition: opacity 0.2s ease, visibility 0.2s ease;
     -moz-transition: opacity 0.2s ease, visibility 0.2s ease;
     transition: opacity 0.2s ease, visibility 0.2s ease;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #F2F2F2;
     padding: 2.7rem 0rem 1.7rem;
     overflow: hidden;
}
aside .contacts{
    background-color: #F2F2F2;
    padding: 1.7rem 0rem;
}
 header .contacts:before, aside .contacts:before {
     background-color: #EBEBEB;
     content: '';
     position: absolute;
     width: 0rem;
     height: 0rem;
     display: block;
     left: 0;
     right: 0;
     top:0;
     bottom: 0;
     margin: auto;
     z-index: 0;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     -webkit-transition: width 0.1s ease, height 0.1s ease;
     -o-transition: width 0.1s ease, height 0.1s ease;
     -moz-transition: width 0.1s ease, height 0.1s ease;
     transition: width 0.1s ease, height 0.1s ease;
}
 header .contacts a, aside .contacts a{
     z-index: 1;
     position: relative;
     width: 100%;
     text-align: center;
}
 header .contacts a.phone, aside .contacts a.phone{
     font-size:1.548rem;
     color: #000;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
     transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
     -o-transition: opacity 0.1s ease, -o-transform 0.1s ease;
     -moz-transition: opacity 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
     transition: opacity 0.1s ease, transform 0.1s ease;
     transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
}
 header .contacts a.email, aside .contacts a.email{
     font-size:1.226rem;
     color: #939393;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.1s ease;
     -o-transition: opacity 0.1s ease;
     -moz-transition: opacity 0.1s ease;
     transition: opacity 0.1s ease;
}
 header .contacts div, aside .contacts div{
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
                 -ms-grid-row-align: center;
             align-items: center;
     -webkit-box-pack: space-evenly;
     -webkit-justify-content: space-evenly;
        -moz-box-pack: space-evenly;
         -ms-flex-pack: space-evenly;
             justify-content: space-evenly;
}
 header .contacts div a, aside .contacts div a{
     margin: .2rem;
     width: auto;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     border: 1px solid #CFCFCF;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding: .3rem;
}
 header .contacts div a svg, aside .contacts div a svg{
     float: left;
     width: 1.7rem;
     height: 1.7rem;
}
 header .contacts div a svg path, aside .contacts div a svg path{
     fill: #000;
}
 main{
     padding-left: 5rem;
}
 #contact, #always{
     background-color: #161616;
     scroll-margin-top: 6rem;
}
 #contact h3, #always h3{
     font-size: 3.097rem;
     line-height: 3.3rem;
     color: #ffffff;
     background-color: #000;
     padding: 1.806rem 3.097rem;
     margin: 0;
}
 #contact h3{
     margin-left: -20%;
     width: 120%;
}
 #always h3{
     width: 146.6%;
}
 #contact .image{
     width: 45%;
     background-position: bottom center;
     background-repeat: no-repeat;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
     aspect-ratio: 16/9;
}
 #always .image{
     width: 55%;
     background-position: top center;
     background-repeat: no-repeat;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
     background-image: url('/static/theme/img/bkg.webp');
     aspect-ratio: 16/9;
}
 #contact .text{
     width: 55%;
}
 #always .text{
     width: 45%;
     z-index: 1;
}
 #contact .text div.first, #always .text form {
     padding: 2.323rem 3.097rem;
}
 #always .text p{
     padding: 1.323rem 3.097rem;
}
 #always .text a{
     color: #939393;
}
 #always .text p, #id_date{
     margin: 0;
}
 #id_date{
     border-bottom: 1px solid #474747;
}
 #always .text form button{
     width: 100%;
}
 #always .text form{
     padding-top: 0;
}
 #contact .text div.first a, #contact .text div.first h5, #contact .text div.first p, #always .text p{
     width: 100%;
     color: #ffffff;
}
 #contact .text div.first h5{
     font-size: 2.323rem;
     line-height: 2.5rem;
     margin-bottom: 1.419rem;
}
 #contact .text div.first a.phone{
     font-size:1.548rem;
     margin-top: 3.097rem;
     -webkit-transition: -webkit-transform 0.1s ease;
     transition: -webkit-transform 0.1s ease;
     -o-transition: -o-transform 0.1s ease;
     -moz-transition: transform 0.1s ease, -moz-transform 0.1s ease;
     transition: transform 0.1s ease;
     transition: transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);
     -webkit-transform-origin: left;
        -moz-transform-origin: left;
         -ms-transform-origin: left;
          -o-transform-origin: left;
             transform-origin: left;
}
 #contact .text div.first a.email{
     font-size:1.226rem;
     color: #939393;
}
 #contact .text div.second{
     padding: 1.323rem 3.097rem 1.323rem 2.097rem;
}
 #contact .text div.second a{
     margin: 1rem;
     width: auto;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     border: 1px solid #CFCFCF;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding: .3rem;
}
 #contact .text div.second svg{
     width: 1.7rem;
     height: 1.7rem;
     float: left;
}
 #contact .text div.second svg path{
     fill: #ffffff;
}
#socials{
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background: #0936F5;
background: -moz-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#0936F5),color-stop(100%,#2984BD));
background: -webkit-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -o-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
    padding: 1rem;
    position: fixed;
    right: 1.429rem;
    bottom: 1.7rem;
    cursor: pointer;
    z-index: 3;
}
#socials svg{
    float: left;
    width: 2.286rem;
    height: 2.286rem;
}
.pulse-button__rings {
    border: 1px solid #0936F4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-animation-duration: 2.0s;
       -moz-animation-duration: 2.0s;
         -o-animation-duration: 2.0s;
            animation-duration: 2.0s;
    -webkit-animation-name: pulse_1;
       -moz-animation-name: pulse_1;
         -o-animation-name: pulse_1;
            animation-name: pulse_1;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    z-index: -1;
  }
   
  .pulse-button__rings:nth-child(2) {
    -webkit-animation-name: pulse_2;
       -moz-animation-name: pulse_2;
         -o-animation-name: pulse_2;
            animation-name: pulse_2;
  }
   
  .pulse-button__rings:nth-child(3) {
    -webkit-animation-name: pulse_3;
       -moz-animation-name: pulse_3;
         -o-animation-name: pulse_3;
            animation-name: pulse_3;
  }
#soclinks{
    position: fixed;
    right: 22.864px;
    right: 1.429rem;
    bottom: 120px;
    bottom: 7.5rem;
    z-index: 3;
}
#soclinks.hidden{
    display: none;
}
#soclinks a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #EAEAEA;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid #A3A3A3;
    padding: .5rem;
}
#soclinks a svg{
    width: 3.286rem;
    height: 3.286rem;
}
#soclinks a svg path{
    fill:#A3A3A3;;
}
#soclinks a:hover{
    border: 1px solid #161616;
}
#soclinks a:hover svg path{
    fill:#161616;
}
/* Animations */
 header:hover {
     width: 26rem;
     -webkit-transition: width 0.01s ease;
     -o-transition: width 0.01s ease;
     -moz-transition: width 0.01s ease;
     transition: width 0.01s ease;
     padding: 1.7rem 4rem;
}
 header:hover .minilogo {
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 header:hover .logo {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
     -o-transition: opacity 0.6s ease, visibility 0.6s ease;
     -moz-transition: opacity 0.6s ease, visibility 0.6s ease;
     transition: opacity 0.6s ease, visibility 0.6s ease;
}
 header:hover nav{
     width: 100%;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     -o-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     -moz-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
     transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, width 0.01s ease 0.2s;
}
 header nav a:hover:before, aside nav a:hover:before{
     content: '';
     width: 2.9rem;
     height: 2.9rem;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #F2F2F2;
     position: absolute;
     z-index: 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto;
}
 header nav a.active:before, aside nav a.active:before{
     background-color: #F5F7FF;
     content: '';
     width: 2.9rem;
     height: 2.9rem;
     -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
             border-radius: 100%;
     background-color: #F2F2F2;
     position: absolute;
     z-index: 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto;
}
 header nav a:hover, header nav a.active, header .contacts a.email:hover, aside nav a:hover, aside nav a.active, aside .contacts a.email:hover, aside .contacts a.email, aside .contacts a.phone{
     color: #000;
}
aside .contacts a.email, aside .contacts a.phone{
    opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
}
 header:hover .contacts {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     padding: 2.7rem 4rem 1.7rem;
     -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     -o-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     -moz-transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
     transition: opacity 0.6s ease, visibility 0.6s ease, padding 0.3s ease;
}
 header:hover .contacts:before {
     content: '';
     width: 17rem;
     height: 17rem;
     -webkit-transition: width 0.4s ease, height 0.4s ease;
     -o-transition: width 0.4s ease, height 0.4s ease;
     -moz-transition: width 0.4s ease, height 0.4s ease;
     transition: width 0.4s ease, height 0.4s ease;
}
 header:hover .contacts a.phone, header:hover .contacts a.email{
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     -webkit-transition: opacity 0.4s ease;
     -o-transition: opacity 0.4s ease;
     -moz-transition: opacity 0.4s ease;
     transition: opacity 0.4s ease;
}
 header .contacts a.phone:hover, aside .contacts a.phone:hover{
     -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
         -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
             transform: scale(1.05);
     -webkit-transition: -webkit-transform 0.4s ease;
     transition: -webkit-transform 0.4s ease;
     -o-transition: -o-transform 0.4s ease;
     -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
     transition: transform 0.4s ease;
     transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
}
 header .contacts div a:hover, aside .contacts div a:hover{
     background-color: #0936F4;
     border: 1px solid #0936F4;
     padding: .5rem;
     margin: 0rem;
}
 header .contacts div a:hover svg path, aside .contacts div a:hover svg path{
     fill: #ffffff;
}
 header:hover span{
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
     -webkit-transition: opacity 0.01s ease, visibility 0.01s ease;
     -o-transition: opacity 0.01s ease, visibility 0.01s ease;
     -moz-transition: opacity 0.01s ease, visibility 0.01s ease;
     transition: opacity 0.01s ease, visibility 0.01s ease;
}
 #contact .text div.first a.email:hover, #always .text a:hover{
     color: #ffffff;
}
 #contact .text div.first a.phone:hover{
     -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
         -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
             transform: scale(1.05);
     -webkit-transition: -webkit-transform 0.4s ease;
     transition: -webkit-transform 0.4s ease;
     -o-transition: -o-transform 0.4s ease;
     -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease;
     transition: transform 0.4s ease;
     transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
     -webkit-transform-origin: left;
        -moz-transform-origin: left;
         -ms-transform-origin: left;
          -o-transform-origin: left;
             transform-origin: left;
}
 #contact .text div.second a:hover{
     background-color: #0936F4;
     border: 1px solid #0936F4;
     padding: 0.5rem;
     margin: .8rem;
}
 #id_date:focus{
     border-bottom: 1px solid #CFCFCF;
}
 #always .text form button:hover{
     -webkit-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -moz-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -ms-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     -o-box-shadow: 0 0 30px rgba(9,54,245,0.2);
     box-shadow: 0 0 30px rgba(9,54,245,0.2);
     background: #0936F5;
background: -moz-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#0936F5),color-stop(100%,#2984BD));
background: -webkit-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: -o-linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
background: linear-gradient(45deg,#0936F5 0%,#2984BD 100%);
}
@media only screen and (max-height: 630px), only screen and (max-width: 830px) {
    body{
        font-size: 14px;
    }
    header {
        bottom: auto;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }
    header:hover {
        width: 100%;
        padding: initial;
    }
    header a#logo, header .contacts, header nav,  header span, #contact .image, #always .image{
        display: none;
    }
    header .mobilelogo{
        margin: .7rem 0;
        position: relative;
    }
    header .mobilelogo img {
        height: 100%;
        max-height: 5rem;
        width: 12rem;
        float: left;
    }
    header .mobilebtns{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    header .mobilebtns div svg, header .mobilebtns .mobilephone svg{
        width: 2rem;
    }
    header .mobilebtns div:hover svg path, header .mobilebtns .mobilephone:hover svg g{
        fill: #0936F4!important;
    }
    header .mobilebtns div{
        padding: 2rem .5rem;
        position: relative;
        cursor: pointer;
    }
    header .mobilebtns .mobilephone{
        margin: 0;
        padding: 2rem .5rem;
        position: relative;
    }
    header .mobilebtns div:before, header .mobilebtns .mobilephone:before {
        background-color: #EAEAEA;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        width: 10rem;
        height: 10rem;
        content: '';
        position: absolute;
        margin: auto;
        z-index: -1;
        top: -2rem;
    }
    header .mobilebtns div:before {
        left: -6.5rem;
    }
    header .mobilebtns .mobilephone:before {
        right: -6.5rem;
    }
    main {
        padding-left: 0;
        padding-top: 6.1rem;
    }
    #contact h3 {
        margin-left: 0;
    }
    #always h3, #contact h3, #contact .text, #always .text {
        width: 100%;
    }
    #always h3, #contact h3{
        font-size: 1.571rem;
    }
aside {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: white;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -o-transition: opacity 0.5s ease, -o-transform 0.5s ease;
    -moz-transition: transform 0.5s ease, opacity 0.5s ease, -moz-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease, -moz-transform 0.5s ease, -o-transform 0.5s ease;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    bottom: 0;
    overflow-y: auto;
  }
aside.open {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, opacity 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

    
}
@media only screen and (max-width: 400px){
  #contact .text div.first, #always .text form {
    padding: 1.323rem 1.097rem;
  }
  #contact .text div.second{
        padding: 1.323rem .097rem;
  }
  #always .text p {
  padding: 1.323rem 1.097rem;
}
  #always h3, #contact h3 {
    padding: 0.806rem 1.097rem;
  }
  #socials{
    right: 1.097rem;
    bottom: 1.323rem;
}
#socials svg{
    width: 2rem;
    height: 2rem;
}
}