:root {
    --theme-bl: #235690;
    --theme-rd: #D90148;
    --theme-wh: white;
    --bl-txt: #0269B3;
}

.container {
    display: flex;
    justify-content: space-between;
    margin: 2%;
    padding-left: 1.5%;
}

.text {
    width: 40%;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: space-evenly;
    height: auto;
}

.text .address, .text .contacts {
    width: 80%;
}

.text h2 {
    color: var(--theme-bl);
    margin-left: unset;
    padding: 15px 0;
    font-size: 22px;
}

.text p {
    padding: 5px 0;
}

.text a, .contacts div.at {
    color:var(--bl-txt);
    text-decoration: underline;
}

.text a:hover, .contacts div.at:hover {
    color: var(--theme-rd);
}

.image {
    width: 60%;
    margin: 2%;
}

.image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 6px 6px 10px rgba(0,0,0,0.4);
}

/* tablet support  */
@media screen and (max-width: 767px) {
    .container {
        flex-direction: column;
    }

    .text {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .text .address, .text .contacts{
        width: 48%;
        padding: 1%;
    }

    .image {
        width: 98%;
        padding-bottom: 20px;
        justify-content: left;
        margin: 1%;
    }
}

/* mobile support */

@media screen and (max-width: 580px) {
    .text {
        flex-direction: column;
        justify-content: start;
    }

    .text .address, .text .contacts {
        width: 98%
    }
}