.header__logo a img{
    height: 100px;
    margin-left: 20px;
}
.screenshot-slide img{
    height: 675px;
    margin: 0px !important;
}
.footer__info--logo h1{
    color: #0096e0;
}

.about {
    width: 100vw;
    margin-top: 3rem;
}
.about__wrapper {
    background-color: #f0f7fc;
    padding: 15rem 0;
    width: calc(100% - 10rem);
    margin: 0 auto;
    border-radius: 3rem;
}
.about .section-heading {
    text-align: center;
    margin: 0 auto 5rem auto;
}
.about__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.about__box .content {
    width: 100%;
    background-color: white;
    position: relative;
    border-radius: 2rem;
    padding: 3.7rem 6.2rem 2.5rem 4rem;
}
.about__box .content p {
    text-align: justify;
    font-size: 1.8rem;
}
.about__box:hover .icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.about .row > div:nth-child(n + 3) {
    margin-top: 3rem;
}
.about .button__wrapper {
    margin-top: 5rem;
}
@media (max-width: 768px){
.about__wrapper {
    width: calc(100% - 5rem);
    padding: 5rem 2rem;
}
.about__box .content {
    width: 100%;
    background-color: white;
    position: relative;
    border-radius: 2rem;
    padding: 2rem;
}
.header__nav-primary > li:first-child a {
    color: #fff;
}
.header__nav li:hover a,
    .header__nav li:hover i {
        color: #0096e0;
    }
.header__logo a img{
    height: 65px;
    margin-left: 0px;
}
.preloader img {
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}  
}

.contact {
    width: 100vw;
    margin-top: 3rem;
}
.contact__wrapper {
    background-color: #fcedda;
    padding: 15rem 0;
    width: calc(100% - 10rem);
    margin: 0 auto;
    border-radius: 3rem;
}
.contact .section-heading {
    text-align: center;
    margin: 0 auto 5rem auto;
}
.contact__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contact__box .content {
    width: 100%;
    background-color: white;
    position: relative;
    border-radius: 2rem;
    padding: 3.7rem 6.2rem 2.5rem 4rem;
}
.contact__box .content p {
    text-align: justify;
    font-size: 1.8rem;
}
.contact__box:hover .icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.contact .row > div:nth-child(n + 3) {
    margin-top: 3rem;
}
#contact .button__wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
@media (max-width: 768px){
.contact__wrapper {
    width: calc(100% - 5rem);
    padding: 5rem 2rem;
}
.contact__box .content {
    width: 100%;
    background-color: white;
    position: relative;
    border-radius: 2rem;
    padding: 2rem;
}
}

#contact form, #contact input, #contact textarea{
    font-size: 16px;
}
#contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}
#contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}
#contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
}