* {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 0px) {

    main {
        width: 80%;
        height: auto;
        margin: 70px auto;
    }

    h1, h2, h3, h4, h5 {
        font-size: 18px;
        font-family:'Hind Siliguri', sans-serif;
        font-weight: 100;
    }

    p {
        font-size: 14px;
        font-family:'Hind Siliguri', sans-serif;
        font-weight: 100;
        margin-bottom: 10px;
    }

    #date {
        margin-top: 2vw;
    }

    .main-title {
        margin: 10vw 0;
        font-size: 20px;
    }
    
}

@media only screen and (min-width: 996px) {

    h1, h2, h3, h4, h5 {
        font-size: 20px;
        margin: 20px auto 10px;
    }

    p {
        font-size: 16px;
    }

    .main-title {
        margin: 4vw 0 2vw;
        font-size: 22px;
    }

}


@media only screen and (min-width: 1480px) {
    
    main {
        width: 1184px;
    }
    
    h1, h2, h3, h4, h5 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    .main-title {
        margin: 4vw 0 2vw;
        font-size: 22px;
    }

}