.page {
    margin: 0px auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Oswald', 'Arial', sans-serif !important;
    text-align: center;
}

.nav {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0 0 25px 0;
    max-width: 55%;
    align-items: center;
}

@media screen and (max-width:1280px) {
    .nav {
        min-width: 150px;
        justify-content: space-evenly;
    }
}

@media screen and (max-width:1280px) {
    :first-child.nav {
        flex-direction: column;
    }
}

.nav__link {
    white-space: nowrap;
    padding-left: 15px;
    font-size: 2.8vmin;
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
}

@media screen and (max-width:1280px) {
    .nav__link {
        padding-top: 10px;
        font-size: 3vmin;
        padding-left: 0;
    }
}

@media screen and (max-width:720px) {
    .nav__link {
        font-size: 5vmin;
    }
}

.nav__link:hover {
    transition: .5s;
    transition-timing-function: ease-in-out;
    color: rgb(212, 167, 44);
}

.header {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    min-width: 100%;
    min-height: 175px;
    justify-content: center;
}

@media screen and (max-width:1280px) {
    .header {
        flex-direction: column;
        padding-top: 150px;
    }
}

.header__logo {
    position: absolute;
    width: 150px;
    top: 80px; 
    left: 50%;
    transform: translate(-50%, -50%);
}

.content {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.content__description {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    justify-content: space-around;
    height: 80vh;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)),
    url("images/_4.webp");
    background-position: center;
}

.content__title {
    text-transform: uppercase;
    font-size: 7vmin;
    margin: 0;
    color: rgb(255, 255, 255);
    font-family: "Bahnschrift";
}

@media screen and (max-width:720px) {
    .content__title {
        font-size: 10vmin;
    }
}

.content__text {
    margin: 0 auto;
    padding: 25px 0 25px 0;
    text-align: center;
    text-transform: none;
    font-size: 2.5vmin;
    font-weight: 400;
    line-height: 2.5vmin;
    color: rgb(255, 255, 255);
    font-family: "Bahnschrift";
    width: 75%;
}

@media screen and (max-width:720px) {
    .content__text {
        font-size: 4vmin;
        line-height: 5vmin;
    }
}

.content__about {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 50px 0;
    width: 75%;
}

@media screen and (max-width:1280px) {
    .content__about {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 0 0;
    }
}

.content__about_column {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 50%;
    margin: auto;
}

@media screen and (max-width:1280px) {
    .content__about_column {
    width: 90%;
    }
}

.content__about_title {
    font-size: 6vmin;
    margin: 0;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
}

@media screen and (max-width:720px) {
    .content__about_title {
        font-size: 7vmin;
    }
}

.content__about_text {
    margin: 0;
    padding: 25px 0 25px 0;
    text-align: justify;
    text-transform: none;
    font-size: 2vmin;
    font-weight: 300;
    line-height: 3.5vmin;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
}

@media screen and (max-width:720px) {
    .content__about_text {
        font-size: 4vmin;
    }
}

.content__about_images {
    margin: auto;
    padding: 0 0 0 15px;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
}

@media screen and (max-width:1280px) {
    .content__about_images {
        padding: 0;
    }
}

.content__about_image {
    width: 250px;
    height: 250px;
    margin: 0;
    padding: 0;
    object-fit:cover
}

@media screen and (max-width:720px) {
    .content__about_image {
        width: 175px;
        height: 175px;
    }
}

.content__partners {
  margin: 0 auto;
  padding: 50px 0;
}

.content__partners_title {
    font-size: 6vmin;
    margin: 0;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
}

.content__partners_cards {
    margin: 0 auto;
    padding: 0;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
}

@media screen and (max-width:1280px) {
    .content__partners_cards {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

}

@media screen and (max-width:720px) {
    .content__partners_cards {
        margin: 0;
        padding: 0;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

}

.content__partners_card {
    display:  flex;
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    min-height: 460px;
}

@media screen and (max-width:720px) {
    .content__partners_card {
        min-height: 0px;
    }
    }

.content__partners_card_image {
    width: 250px;
    max-height: fit-content;
}

.content__partners_card_title {
    font-size: 3vmin;
    padding-bottom: 15px;
} 

@media screen and (max-width:720px) {
.content__partners_card_title {
    font-size: 5vmin;
    padding-bottom: 15px;
}
}

.content__partners_card_text {
    font-size: 2vmin;
    
}

@media screen and (max-width:720px) {
.content__partners_card_text {
    font-size: 3.5vmin;
}
}

.content__contacts {
    margin: 0 auto;
    padding: 50px 0 0 0;
    display: flex;
    flex-direction: column;
}

.content__contacts_title {
    font-size: 6vmin;
    margin: 0;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
    padding-bottom: 50px;
}

.content__contacts_text {
    font-size: 2.5vmin;
    margin: 0 auto;
    color: rgb(0, 0, 0);
    padding: 25px 0;
    width: 80%;
}

@media screen and (max-width:720px) {
    .content__contacts_text {
        font-size: 3.5vmin;
    }
}

.content__contacts_link {
    font-size: 4vmin;
    margin: 0;
    color: rgb(0, 0, 0);
    font-family: "Bahnschrift";
    white-space: nowrap;
    padding: 5px;
    text-decoration: none;
}

.content__contacts_link:hover {
    color: rgb(212, 167, 44);
    transition: .5s;
    transition-timing-function: ease-in-out;
}

@media screen and (max-width:720px) {
    .content__contacts_link {
        font-size: 6vmin;
    }
}