/*CARDS MEDIA SCREEN*/

@media screen and (min-width: 994px) {
.cards {
        position: relative;
        top: -15rem;
    }

    .companyPart {
        margin-top: -300px;
    }
}

/*COMPANY PART MEDIA SCREEN*/

@media screen and (min-width: 768px) {

    .companyPart {
        display: flex;
        flex-direction: row;
    }
    .company {
        width: 40%;
        margin-left: 4rem;
    }
    .services {
        width: 40%;
        margin-left: 4rem;
    }
    .mapHeader {
        margin-left: 5rem;
    }
    .map .divider {
        width: 4.2%;
    }
}

/*FORM MEDIA SCREEN*/

@media screen and (min-width: 768px) {
    #contact {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .contactForm {
        padding: 50px;
    }

    #contact input,
    select {
        height: auto;
    }

    .input {
        display: flex;
        flex-direction: column;
        width: 48%;
        margin-bottom: 20px;
        margin-left: 10px;
    }

    #text {
        margin-bottom: 20px;
    }

    #contact button {
        width: 20%;
        height: 50px;
        margin: 0 auto;
    }

    .obligatory {
        font-style: italic;
        width: 100%;
    }

    .error {
        width: 100%;
    }

    .success {
        width: 100%;
    }
}

/*FOOTER MEDIA SCREEN*/

@media screen and (min-width: 768px) {

    footer {
        height: 120px;
    }
}