/* media query in here */

@media only screen and (max-width: 600px) {
    
    .pt-84 {
        padding-top: 0 !important;
    } 
    .pb-60 {
        padding-bottom : 16px !important ; 
    }
    .p4 {
        text-align:  justify ;
    }
    .pb-60 {
        padding-top : 20px !important ; 
    } 
    .iframe-style {
        margin-bottom: 10px;
    }
    .h2 {
        font-size: 22px !important;
        line-height: 2.25rem !important;
        margin-bottom: 16px ;
    }
    .h1 {
        font-size : 4rem ; 
        line-height:  normal !important ;
    }
    .iframe-style {
        margin-bottom:  10px ;
    }
    #exportMap {
        padding-top: 20px;
    }
    .p4 {
        margin-top : unset  ; 
        margin-bottom: 16px ;

    }

    #year-select>div>span {
        margin-right: 10px;
        position: relative;
        bottom: 10px;
    }
}

@media screen and (min-width : 601px) and (max-width : 768px){
    #year-select>div>span {
        margin-right: 10px;
        position: relative;
        bottom: 10px;
    }
}

@media screen and (min-width : 769px) and (max-width : 1024px) {
    
    .iframe-style {
        border-radius: 8px;
        width: 100%;
        height: 450px;
    }
    #year-select>div>span {
        margin-right: 10px;
        position: relative;
        bottom: 10px;
    }
    
}