:root {
    --primary: #A45627;
    --secondary: #161514;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Thin.ttf);
    font-weight: 100;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-ExtraLight.ttf);
    font-weight: 200;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Regular.ttf);
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-ExtraBold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Black.ttf);
    font-weight: 900;
}

@font-face {
    font-family: InterTight;
    src: url(/wp-content/themes/oceanwp-child/assets/fonts/InterTight-Black.ttf);
    font-weight: 900;
}

body {
    overflow: clip;
    background-color: #F4F2ED;
    font-family: InterTight !important;
    color: var(--secondary) ;
}
h1,h2,h3,h4,h5,h6,p,span {
    color: var(--secondary);
    font-family: InterTight;
}

.common-wrapper {
    padding-top: 25rem;
}

.common-title {
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    color: var(--primary);
}
.common-title-lg {
    font-size: 110px;
    line-height: 80px;
    font-weight: 900;
}

.common-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.common-text-lg{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}



@media screen and (max-width: 767px ) {
    .common-title {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .common-title-lg {
        font-size: 56px !important;
        line-height: 40px !important;
    }

    .wrapper-404.common-wrapper {
        padding-top: 11rem;
    }



}