@media only screen  and (max-width:450px){
    /**************nav bar***************/

    .btnc{
        padding: 20px;
        display: flex;
        z-index: 100;
    }
    header{    
        justify-content: space-between;
        width: 375PX;
    }
    .nav{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        background: #737373;
        transform: translateY(-110%);
        transition: all .4s;
    }
    input:checked ~ .nav{
        transform: translateY(0%);
    }
    input:checked::before{
        content: url(delete_50px.png);
    }
    .sub-menus ul {
        position: static;
    }
    .sub-menus ul::before {
        display: none;
    }
    .nav ul{
        flex-direction: column;
        text-align: center;
    }
    #myVideo{
        width:100%;
    }
    .text h1 {
        font-size: 60px;
    }
    .text  h2{
        font-size: 20px;
    }
 

 .footer_top {
    display: block;
    
}
.map {
    padding-right: 10px;
}
}






@media only screen and (max-width: 450px) {
    .flex {
        display: block;
    }
    .centered {
        display: flex;
        flex-direction: column;
        POSITION: absolute;
        TOP: 28%;
        left: 27%;
    }
    .btn-first {
        /* MARGIN: 32PX; */
        background-color: #EF6824;
        color: white;
        padding: 16px;
        margin-left: 41px;
        border: none;
        cursor: pointer;
        width: 65%;
        border-radius: 5px;
        opacity: 1;
        font-weight: bold;
        FONT-SIZE: 20PX;
        BORDER-RADIUS: 15PX;
        MARGIN-TOP: 15PX;
    }

    .image {
        width: 100%;
     margin-top: 20px;
    }
    .bb {
        width: 250PX;
        HEIGHT: 64PX;
        background-color: #211F20;
        font-size: 50PX;
        text-align: center;
        border-radius: 15PX;
        color: white;
    }
  }

  @media only screen and (max-width: 767px), (hover: none) and (pointer: coarse) {
    .fimg {
      display: none;
    }
  }