@font-face {
    font-family: Montserrat;
    src: url(../assets/fonts/Montserrat.ttf)format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: Mt-semibold;
    src: url(../assets/fonts/Montserrat-SemiBold.ttf)format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: Mt-medium;
    src: url(../assets/fonts/Montserrat-Medium.ttf)format("truetype");
    font-weight: 700;
}

/* @font-face {
    font-family: "degular", sans-serif;
    src: url(assets/fonts/"degular", sans-serif-regular.otf) format("opentype");
} */

:root {
    --prim: #FF3D00;
    --out-back: #222222;
    --in-back: #141414;
    --contact-btn: #F2EFEF;
}

.team {
    background-color: var(--out-back);
}

.team h2 {
    color: var(--contact-btn);
    font-family: degular,
        sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 64px;
    margin-left: 50px;
}

.hero h2 {
    font-family: degular,
        sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--contact-btn);
    line-height: 170%;
    letter-spacing: 1px;
    font-size: 64px;
}

@media only screen and (max-width: 430px) {

    .ctahero {
        align-items: start;
    }

    .heromain {
        padding-top: 35px;
    }


}