@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

* {
    padding: 0;
    margin: 0;
}
@font-face{
    font-family: "Aspira Nar W01 Black";
    src: url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.eot");
    src: url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.eot?#iefix")format("embedded-opentype"),
        url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.woff")format("woff"),
        url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.woff2")format("woff2"),
        url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.ttf")format("truetype"),
        url("fonts/0d2b3c682711ddbd2bdd1421f8dfaf16.svg#Aspira Nar W01 Black")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body {
    font-family: 'Bebas Neue', cursive;
}

.main-section {
    background-color: #707070;
    /*height: 100vh;*/
    display: flex;
    align-items: center;
    padding: 50px;
}
.vaisakhi h1 {
text-align: center;
color: #fff;
margin-bottom: 0;
font-size: 89px;
line-height: 80px;
letter-spacing: 2px;
font-family: "Aspira Nar W01 Black";
}


.grand-finale {
    padding: 20px 0 0;
}

.grand-finale h1 {
    font-size: 70px;
    line-height: 50px;
    color: #707070;
    text-align: center;
    letter-spacing: 3px;
    
}

.content {
    padding: 50px 50px;
    margin-top: 10px;
}

.left-side {
    background-color: #c7c7c7;
    width: 80%;
    height: 55px;
    line-height:55px;
    padding:0px 5px;
    
}

.right-side {
    background-color: #c7c7c7;
    width: 11%;
    height: 55px;
    display: inline-block;
    margin-right: 5px;
    line-height:55px;
    padding:0px 5px;
    text-align:center
}

.mr-3 {
    margin-right: 3rem;
}

.ml-3 {
    margin-left: 3rem;
}

.mt-5 {
    margin-top: 5rem;
}

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

    .main-section {
        height: auto;
    }

    .vaisakhi .fm-white-1 {
        display: block;
        margin: 0 auto;
    }
    
    .vaisakhi .fm-white-2 {
        display: none;
    }
    
    .mrt-2 {
        margin-top: 2rem;
    }

    .display-sm-block {
        display: block !important;
    }

    .display-sm-none {
        display: none !important;
    }
    
}

@media screen and (max-width: 912px) {
    
    .main-section {
        padding: 10px;
    }

    .vaisakhi img {
        width: 100px;
    }

    .content {
        padding: 100px 0;
    }

    .vaisakhi h1 {
        font-size: 30px;
    }

    .left-side {
        width: 100%;
    }
    
    .grand-finale h1 {
        font-size: 40px;
        line-height: 40px;
        /* margin: 15px 0 0; */
    }

    /* .grand-finale img {
        width: 275px;
        display: block;
        margin: 0 auto;
    } */
    
}