@font-face {
    font-family: 'Bahij Koodak';
    src: url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.eot');
    src: local('Bahij Koodak'), local('BahijKoodak-Regular'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.woff2') format('woff2'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.woff') format('woff'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.ttf') format('truetype'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Regular.svg#BahijKoodak-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

@font-face {
    font-family: 'Bahij Koodak';
    src: url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.eot');
    src: local('Bahij Koodak Bold'), local('BahijKoodak-Bold'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.woff2') format('woff2'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.woff') format('woff'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.ttf') format('truetype'),
        url('../fonts/dari/Bahij Koodak/BahijKoodak-Bold.svg#BahijKoodak-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {

    transition: all .5s ease-in-out;
}



.app-title {
    font-size: 45px;
}


* {
    font-family: 'Bahij Koodak' !important;
}

.announce * {
    font-family: 'Bahij Koodak' !important;
}

.main-container {
    position: relative;
    background: url('../images/bg-desktop.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    /* -480px 348px */
    min-height: 65vh;
}

@media only screen and (max-width: 768px) {
    .main-container {
        position: relative;
      background-size: 100% !important;
     background: url('../images/bg-mobile.jpg');
       background-repeat: no-repeat !important;
        min-height: 280px;
    }
}