@font-face {
    font-family: 'light';
    src: url('/local/templates/evraasgr/fonts/MullerLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'regular';
    src: url('/local/templates/evraasgr/fonts/MullerRegular.ttf')  format('truetype');
}
@font-face {
    font-family: 'medium';
    src: url('/local/templates/evraasgr/fonts/MullerMedium.ttf')  format('truetype');
}
@font-face {
    font-family: 'bold';
    src: url('/local/templates/evraasgr/fonts/MullerBold.ttf')  format('truetype');
}

html{
    
}
img{
    max-width: 100%;
}
header{
    background:#333;
}
footer{
    background: #164C93;
}
body{
    background: #fafafa;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); */
    font-family: 'light';
    margin: 0;
    /* color: white; */
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px
    }
}