@media(min-width:1100px){
    .hero h1{
        font-size: 34px;
        font-weight: 700;
    }
    .hero h5{
        font-size: 19px;
        font-weight: 500;
    }
    .container h6{
        font-size: 16px;
        font-weight: 600;
    }
   
    main img{
    width: 85%;
    height: auto;
    text-align: center;
    }

    main dl{
    padding: 20px;
    width: 95%;
    margin: auto;
    }
}
@media(max-width:1023px){
    .hero h1{
        font-size: 30px;
        font-weight: 600;
    }
    .hero h5{
        font-size: 17px;
        font-weight: 400;
    }
    .container img{
            width:210px;
            height:27vh;
    }
    .container h6{
        font-size: 16px;
        font-weight: 600;
    }
    .container p{
        font-size: 14px;
    }
    .map iframe{
        padding: 0%;
        width:520px; 
        height:320px;   
    }
   
    main img{
    width: 85%;
    height: auto;
    text-align: center;
    }
    main dl{
    width: 95%;
    margin: auto;
    padding: 20px;
}
    .exp video{
        width: 100%;
        height: 40vh;
    }
}
@media(max-width:768px){
    .hero h1{
        font-size: 25px;
        font-weight: 500;
    }
    .hero h5{
        font-size: 15px;
        font-weight: 400;
    }
    .container img{
            width:185px;
            height:24vh;
    }
    .container h6{
        font-size: 14px;
        font-weight: 600;
    }
    .container p{
        font-size: 14px;
    }
    .map iframe{
        padding: 0%;
        width:330px; 
        height:220px;   
    }
    .map button{
        padding: 10px;
    }
    article figure{
    width: 100%;
    height: 30%;
    padding: 20px;
    float: none;
    }
    article figcaption{
    text-align: center;
    }
    article img{
    width: 100%;
    height: 50%;
    }
    main img{
    padding: 10px;
    width: 100%;
    height: auto;
    text-align: center;
    }
    main dl{
    padding:10px;
    width: 95%;
    margin: auto;
}
    .exp video{
        width: 100%;
        height: 50vh;
    }
    .contact{
        width: 100%;
        height: 95vh;
    }
    .b1 , .b2 , .b3 , .b4 , .b5 ,.b6 ,.b7{
    width: 100%;
    height: 300px;
    }
}