@font-face {
    font-family: BrandonMatthews;
    src: url(/assets/font/brandon/BrandonMatthews.ttf)
}

@font-face {
    font-family: Crimson_regular;
    src: url(/assets/font/crimson/CrimsonText-Regular.ttf)
}

@font-face {
    font-family: Montserrat;
    src: url(/assets/font/montserrat/static/Montserrat-Regular.ttf)
}

@font-face {
    font-family: Playfair;
    src: url(/assets/font/playfair/static/PlayfairDisplay-Regular.ttf)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url('/assets/font/montserrat/Montserrat-Medium.woff2') format('woff2'), url('/assets/font/montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('/assets/font/montserrat/Montserrat-Bold.woff2') format('woff2'), url('/assets/font/montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Light;
    src: url('/assets/font/montserrat/Montserrat-Light.woff2') format('woff2'), url('/assets/font/montserrat/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat-Regular;
    src: url('/assets/font/montserrat/Montserrat-Regular.woff2') format('woff2'), url('/assets/font/montserrat/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.Montserrat {
    font-family: Montserrat-Medium
}

.font_of_checkbox {
    font-family: Montserrat-Regular;
    font-size: 14px;
    display: flex
}

.font_of_icons {
    font-family: Montserrat-Medium;
    font-size: 16px
}

.font_of_basak, .font_of_bilgi, .font_of_satis {
    font-family: Playfair
}

.font_of_tane {
    font-family: BrandonMatthews
}

.height_of_input input::placeholder, select option, textarea::placeholder {
    font-family: Montserrat-Regular;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width:1200px) {
    .font_of_checkbox {
        font-size: 14px
    }
}

@media screen and (max-width:991px) {
    .font_of_checkbox {
        font-size: 14px
    }
}

@media screen and (max-height:750px) {
    .font_of_satis {
        font-size: 18px !important
    }

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

        .font_of_satis {
            font-size: 16px !important
        }
    }

    @media screen and (max-width:991px) {
        .font_of_satis {
            font-size: 20px !important
        }
    }
}

@media screen and (max-height:899px) {
    .font_of_tane {
        font-size: 120px
    }

    .font_of_basak {
        font-size: 60px
    }

    .font_of_satis {
        font-size: 28px
    }

    @media screen and (max-width:1240px) {
        .font_of_tane {
            font-size: 100px
        }

        .font_of_basak {
            font-size: 50px
        }
    }

    @media screen and (max-width:1190px) {
        .font_of_tane {
            font-size: 90px
        }

        .font_of_basak {
            font-size: 45px
        }
    }

    @media screen and (max-width:1000px) {
        .font_of_tane {
            font-size: 85px
        }

        .font_of_basak {
            font-size: 40px
        }
    }

    @media screen and (max-width:991px) {
        .font_of_tane {
            font-size: 75px
        }
    }

    @media screen and (max-width:580px) {
        .font_of_tane {
            font-size: 65px
        }

        .font_of_basak {
            font-size: 35px
        }
    }

    @media screen and (max-width:430px) {
        .font_of_tane {
            font-size: 65px
        }

        .font_of_basak {
            font-size: 30px
        }
    }

    @media screen and (max-width:360px) {
        .font_of_tane {
            font-size: 50px
        }

        .font_of_basak {
            font-size: 25px
        }
    }
}

@media screen and (min-height:900px) {
    .font_of_tane {
        font-size: 120px
    }

    .font_of_basak {
        font-size: 60px
    }

    .font_of_satis {
        font-size: 40px
    }

    @media screen and (max-width:1240px) {
        .font_of_tane {
            font-size: 120px
        }

        .font_of_basak {
            font-size: 60px
        }
    }

    @media screen and (max-width:1190px) {
        .font_of_tane {
            font-size: 110px
        }

        .font_of_basak {
            font-size: 50px
        }
    }

    @media screen and (max-width:1000px) {
        .font_of_tane {
            font-size: 95px
        }

        .font_of_basak {
            font-size: 45px
        }
    }

    @media screen and (max-width:991px) {
        .font_of_tane {
            font-size: 70px
        }
    }

    @media screen and (max-width:580px) {
        .font_of_tane {
            font-size: 65px
        }
    }

    @media screen and (max-width:430px) {
        .font_of_tane {
            font-size: 60px
        }

        .font_of_basak {
            font-size: 30px
        }
    }

    @media screen and (max-width:360px) {
        .font_of_tane {
            font-size: 45px
        }

        .font_of_basak {
            font-size: 25px
        }
    }
}