.file {
    padding-left: 100px;
    padding-right: 100px;

    background-color: #F2F1EE;
}

.text {
    font-family: "Montserrat", sans-serif;
}

.headline {
    font-family: "Comfortaa", sans-serif;
}

.black{
    color: #202620;
}

.green{
    color: #6B735E;
}

.white{
    color: #F2F1EE;
}

.bg-green{
    background-color: #6B735E;
}

.bd-green{
    border-color: #86a850;
}

.text-shade{
    text-shadow: 2px 2px 2px #96a18576;
}

.navbar{
    height: 20vh;
}

.header{
    height: 75vh;
    width: 100%;
}

.header-button{
    bottom: 3vh;
    right: 0;
}

.header-text{
    top: 25vh;
    right: 0vw;
}

.tg-button{
    border: 2px solid #6B735E;
}

/* .arrow{
    width: 6vw;
    bottom: 5vh;
    right: 25vw;
} */

.curve-arrow{
    right: 12vw;
    top: 15vh;
}

.curve{
    width: 90%;
    z-index: -1;
    height: 70vh;
}

.profile{
    width: 23vw;
    right: 20vw;
}

.offer{
    width: 30rem;
}

.icon{
    width: 36px;
    height: 36px;
}

.offering{
    width: 100%;
}

.asks{
    width: 100%;
}

.text-block{
    width: 100%;
}

.ask-icon{
    width: 128x;
}

.divider-dot{
    padding: 10px;
}

.divider-line{
    padding: 2px;
    width: 100%;
}

.education-text{
    width: 100%;
}

.education-img{
    width: 156px;
    height: 156px;
}

.contacts-right .divider-line{
    padding: 1px;
}

.header-headline{
    bottom: 0;
    left: 0;
}
.icons{
    justify-content: end;
}
.text-block{
    border-radius: 10vw;
}

@media (max-width: 1024px) {
    .file{
        padding-left: 50px;
        padding-right: 50px;
    }
    .profile{
        width: 30vw;
        right: 20vw;
    }
    .header-text{
        top: 33vh;
        right: 0vw;
    }
    .curve-arrow{
        right: 12vw;
        top: 23vh;
    }
    .curve{
        width: 85%;
        z-index: -1;
        height: 70vh;
    }
    .offer{
        width: 25rem;
    }
    .navbar{
        height: 15vh;
    }
}

@media (max-width: 768px) {
    .file{
        padding-left: 20px;
        padding-right: 20px;
    }
    .profile{
        width: 45vw;
        right: calc(50% - 30vw/2);
    }
    .header-text{
        top: 32vh;
        right: 5vw;
    }
    .curve-arrow{
        right: 20vw;
        top: 23vh;
    }
    .curve{
        width: 90%;
        z-index: -1;
        height: 60vh;
    }
    .header-headline{
        bottom: 10vh;
    }
    .header-button{
        bottom: 11vh;
    }
    .education-img{
        width: 128px;
        height: 128px;
    }
    .ask-icon{
        width: 96px;
    }
    .offer{
        width: 20rem;
    }
    .navbar{
        height: 10vh;
    }
}

@media (max-width: 425px) {
    .file{
        width: 100vw;
        padding-left: 10px;
        padding-right: 10px;
    }
    .profile{
        width: 60vw;
        top: 5vh;
        right: calc(50% - 60vw/2);
    }
    .header-text{
        width: 70vw;
        top: 40vh;
        right: calc(50% - 35vw);
    }
    .curve-arrow{
        right: 20vw;
        top: 23vh;
        display: none;
    }
    .curve{
        width: 100%;
        z-index: -1;
        height: 40vh;
    }
    .header-headline{
        bottom: 10vh;
        display: none;
    }
    .header-button{
        bottom: 5vh;
        width: 100%;
    }
    .education-img{
        width: 128px;
        height: 128px;
    }
    .ask-icon{
        width: 96px;
    }
    .offer{
        width: 100%;
    }
    .offer-header{
        text-align: center;
    }
    .icons{
        justify-content: start;
    }
    .header{
        height: 60vh;
        width: 100%;
    }
    .navbar{
        height: 10vh;
    }
}

@media (max-width: 325px) {
    .profile{
        width: 70vw;
        top: 5vh;
        right: calc(50% - 70vw/2);
    }
}