@font-face {
    font-family: 'Cottage Cheese';
    src: url('font/CottageCheese.woff') format('woff2'),
        url('font/CottageCheese.woff') format('woff'),
        url('font/CottageCheese.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#logo{
    width: 30%;
}

#header .col{
    width: 35%;
}

#logo img{
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 767px) {
    #logo{
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #logo{
        width: 40%;
    }
    #header .col {
        width: 30%;
    }
}