section {
    background-color: #fff;
}



.newsletters {
    display: none;
}



.contacts {
    background: linear-gradient(90deg, #287f9E 50%, #fff 50%);
}

    .contacts .content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

.contact {
    width: calc(50% - 20px);
    text-align: left;
    transition: .3s linear;
}

    .contact .contact-left {
        height: 100%;
        padding: 50px 50px;
        background-color: #287f9E;
    }

        .contact .contact-left h2 {
            color: #fff;
            margin: 20px 0 40px 0;
        }

        .contact .contact-left a img {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin: 20px 20px 20px 0;
        }

        .contact .contact-left a {
            color: #fff;
            font-size: 18px;
            line-height: 26px;
            text-decoration: none;
        }

        .contact .contact-left-socialmedia {
            margin-top: 100%;
        }

    .contact .contact-right {
        padding: 50px 75px;
        color: #29235C;
    }

        .contact .contact-right h2 {
            margin: 25px 0;
        }

        .contact .contact-right h5 {
            color: #29235C;
        }

        .contact .contact-right .contact-textbox {
            height: 50px;
            width: 100%;
            padding: 20px;
            margin: 10px 0;
            color: #29235C;
            font-size: 16px;
            border: 2px solid lightgrey;
            border-radius: 6px;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .contact .contact-right .contact-textarea {
            height: 100px;
            width: 100%;
            padding: 10px 20px;
            margin: 10px 0;
            color: #29235C;
            font-size: 16px;
            border: 2px solid lightgrey;
            border-radius: 6px;
            outline: none;
            resize: vertical;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .contact .contact-right .contact-dropdownlist {
            height: 50px;
            width: 100%;
            padding-left: 20px;
            margin: 10px 0;
            color: #29235C;
            font-size: 16px;
            border: 2px solid lightgrey;
            border-radius: 6px;
            outline: none;
            /*-webkit-appearance: none;*/
            -moz-appearance: none;
        }



@media screen and (max-width: 980px) {

    .contacts {
        background: linear-gradient(180deg, #287f9E 38%, #fff 10%);
    }

    .contact {
        width: calc(100% - 0px);
        /*text-align: center;*/
        transition: .3s linear;
    }

        .contact .contact-left {
            padding-left: 75px;
        }

        .contact .contact-left-socialmedia {
            margin: 0;
        }

        .contact .contact-right {
            padding: 50px 75px;
            text-align: left;
        }

}



@media screen and (max-width: 600px) {

    .contacts {
        background: linear-gradient(180deg, #287f9E 37%, #fff 10%);
    }

    .contact .contact-left {
        padding: 50px 10px;
    }

    .contact .contact-right {
        padding: 25px 0px;
    }

}