@media (min-width: 1700px) {

    /* Common text styles */
    p {
        font-size: 20px;
    }

    /* Menu styles */
    .menu {
        height: 45px;
    }

    .items-container li {
        font-size: 18px;
    }

    /* Menu button styles */
    .butt-text.menu-butt {
        font-size: 18px;
    }

    /* Consultation button styles */
    .butt-text.cons-butt {
        font-size: 20px;
    }

    /* Buttons common styles */
    .butt-body {
        height: 45px;
        border-radius: 40px;
    }

    .butt-text {
        line-height: 45px;
        padding: 0 20px;
    }

    /* "Olga Igantovets" text styles */
    .oi-text {
        font-size: 44px;
    }

    /* Header styles */
    .header {
        font-size: 28px;
    }

    .mini-header {
        font-size: 24px;
    }

    /* Images styles */
    img {
        height: 100%;
    }

    /* Form styles */
    #contact-form input,
    #contact-form textarea {
        font-size: 22px;
        padding: 12px;
    }
}

@media (max-width: 1200px) {

    /* COMMON MEDIA STYLES */
    .base-section {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, minmax(10px, auto));
        grid-row-gap: 20px;
        padding: 0 1em;
    }

    p {
        font-size: 20px;
    }

    #main-text table {
        font-size: 20px;
    }

    .menu {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        max-width: 100%;
    }

    .items-container li {
        font-size: 24px;
        margin-right: 30px;
    }

    /* BUTTONS' MEDIA STYLES */
    .butt-body {
        border-radius: 40px;
    }

    .butt-body.menu-butt {
        padding: 10px 30px;
    }

    .butt-text.menu-butt {
        font-size: 24px;
    }

    .butt-body.cons-butt {
        padding: 8px 16px;
        display: inline-block;
    }

    .butt-text.cons-butt {
        font-size: 22px;
    }

    .butt-text-container .oi-text {
        margin: 1em 0;
    }

    .butt-text-container .butt-body {
        margin-top: 1em;
    }

    /* Olga Ignatovets MEDIA STYLES */
    #about-text .oi-text {
        font-family: "Bikham Cyr Script";
        font-size: 42px;
        margin-bottom: 1.5em;
    }

    /* SECTOINS' INDIVIDUAL MEDIA STYLES */
    /* MAIN SECTION */
    #main-text {
        grid-row: 3 / 7;
        grid-column: 1 / 2;
        margin-bottom: 50px;
    }

    #main-photo-container {
        grid-row: 2 / 3;
        width: 100%;
        height: 320px;
        grid-column: 1 / 2;
        text-align: center;
        margin: 20px 0 50px 0;
    }

    #main-photo-container img {
        height: 320px;
        width: 320px;
        object-fit: cover;
        border-radius: 50%;
    }

    /* SERVICES SECTION MEDIA STYLES */
    #service-photo-wrapper {
        max-height: 650px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        grid-template-areas: "f s t" "b b b";
        column-gap: 20px;
        row-gap: 20px;
        margin-bottom: 20px;
    }

    #service-photo-wrapper #service-butt-text {
        grid-area: b;
    }

    .service-photo-container.first {
        grid-row: f;
    }

    .service-photo-container.second {
        grid-row: s;
    }

    .service-photo-container.third {
        grid-row: t;
    }

    #service-photo-wrapper img {
        border-radius: 12px;
        box-shadow: 0px 0px 20px rgba(194, 193, 193, 0.7);
    }

    #service-butt-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #service-photo-wrapper {
        grid-column: 1 / 2;
        grid-row: 4 / 7;
    }

    #service-text {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }


    /* ABOUT AND EDUCATION SECTIONS MEDIA STYLES */
    #about .divider {
        display: none;
    }

    #about-photo-container,
    #edu-photo-container {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        width: 100%;
        height: 320px;
        text-align: center;
    }

    #about-photo-container img,
    #edu-photo-container img {
        border-radius: 50%;
        height: 320px;
        width: 320px;
    }

    #about-text,
    #edu-text {
        grid-column: 1 / 2;
        grid-row: 3 / 6;
    }

    #about-text .oi-text {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    #about-text .butt-body {
        margin: 45px auto;
    }

    /* FOOTER MEDIA STYLES */

    #footer {
        grid-template-rows: repeat(6, minmax(100px, auto)) !important;
    }

    #map-container {
        grid-column: 1 / 2;
        grid-row: 2 / 5;
        width: 100%;
        text-align: center;
    }

    #map-container iframe {
        border-radius: 10px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
        max-width: 600px;
    }

    #form-container {
        grid-column: 1 / 2;
        grid-row: 5 / 7;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #form-container span {
        text-align: center;
    }

    #contact-form {
        max-width: 500px;
    }

    #contact-form input,
    #contact-form textarea {
        font-size: 24px;
        padding: 10px;
        border-radius: 8px;
    }

    #contact-form .butt-text.cons-butt {
        font-size: 16px;
    }

    /* CV */
    .cv-section {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    #cv-text {
        padding: 24px 24px 64px 24px;
    }

    .butt-body.cv {
        padding: 12px;
    }

}

@media (max-width: 768px) {
    p {
        font-size: 22px;
    }

    #main-text table {
        font-size: 22px;
    }

    #main-text th {
        padding: 2.5px 3px;
    }

    .header {
        font-size: 27px;
    }

    .items-container li {
        font-size: 24px;
    }

    .butt-text.menu-butt {
        font-size: 24px;
    }

    .butt-text.cons-butt {
        font-size: 20px;
    }

    #main-photo-container,
    #about-photo-container,
    #edu-photo-container {
        height: 270px;
    }

    #main-photo-container img,
    #about-photo-container img,
    #edu-photo-container img {
        height: 270px;
        width: 270px;
    }


}

@media (max-width: 670px) {
    p {
        font-size: 18px;
    }

    #main-text table {
        font-size: 18px;
    }

    #main-text th {
        padding: 2.5px 3px;
    }

    .header {
        font-size: 24px;
    }

    .menu {
        align-items: center;
    }

    .items-container li {
        font-size: 18px;
    }

    .butt-text.menu-butt {
        font-size: 18px;
    }

    .butt-text.cons-butt {
        font-size: 16px;
    }

    #main-photo-container,
    #about-photo-container,
    #edu-photo-container {
        height: 240px;
    }

    #main-photo-container img,
    #about-photo-container img,
    #edu-photo-container img {
        height: 240px;
        width: 240px;
    }

    .oi-text {
        font-size: 32px;
    }
}

@media (max-width: 560px) {
    p {
        font-size: 16px;
    }

    #main-text table {
        font-size: 16px;
    }

    #main-text th {
        padding: 2.5px 3px;
    }

    .header {
        font-size: 18px;
    }

    .menu {
        align-items: center;
    }

    .items-container li {
        font-size: 14px;
    }

    .butt-body.menu-butt {
        padding: 0 20px;
    }

    .butt-body.cons-butt {
        padding: 0 9px;
    }

    .butt-text.menu-butt {
        font-size: 14px;
    }

    .butt-text.cons-butt {
        font-size: 12px;
    }

    #main-photo-container,
    #about-photo-container,
    #edu-photo-container {
        height: 240px;
    }

    #main-photo-container img,
    #about-photo-container img,
    #edu-photo-container img {
        height: 240px;
        width: 240px;
    }
}

@media (max-width: 375px) {
    .menu li {
        font-size: 12px;
    }

    .menu {
        margin-bottom: 1.5em;
    }

    .base-section {
        padding: 0 0.5em;
    }
}