/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .container_head {
  flex-direction: column;
  justify-content: center;
  margin-left: 1%;
   }
   .img_logo {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
    }
   .header {
   font-size: 28px;
  text-align: center;
  padding: 0px 0px 0px 0px;
   }
    u {
  padding-bottom:2px;
  }
   .fabar {
   font-size: 35px;
   }
   .text {
  font-size: 50px;
  text-shadow: -2px -2px #000000;
   }
   .img_foot {
       height: 30vh;
   }
   .foot_con {
      font-size: 200%;
   }
   .foot_text {
      font-size: 70%;
   }
   .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .location {
  display: flex;
  flex-direction: column;
  }
 .location {
  display: flex;
  flex-direction: row;
  padding: 1px 1px 1px 1px;
}

.address {
   font-size: 10px;
  flex: 50%;
  text-align: left;  
  padding: 5px 1px 0px 1px; 
}

.gmap {
  padding: 1px 1px 1px 1px; 
  flex: 50%;
  position: relative;
  overflow: hidden;
    }
 .redev_attch {
  display: flex;
  flex-direction: column;
  padding: 20px 20px 20px 20px;
}
}
/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .container_head {
  flex-direction: column;
  justify-content: center;
  margin-left: 5%;
   }
   .img_logo {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
   }
   .header {
   font-size: 35px;
  text-align: center;
  padding: 0px 0px 0px 0px;
   }
    u {
  padding-bottom:2px;
  }
   .fabar {
   font-size: 30px;
   }
   .text {
  font-size: 55px;
  text-shadow: -2px -2px #000000;
   }
   .img_foot {
       height: 30vh;
   }
   .foot_con {
      font-size: 350%;
   }
   .foot_text {
      font-size: 100%;
   }
   .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .location {
  display: flex;
  flex-direction: row;
  text-align: center;
  padding: 0px 0px 0px 0px;
}

.address {
  font-size: 14px;
  flex: 50%;
  padding: 15px 30px 0px 70px; 
}

.gmap {
  padding: 1px 1px 1px 1px; 
  flex: 50%;
}

.doc {
  font-size: 20px;
  padding: 20px 15px 2px 40px; 
}
 .redev_attch {
  display: flex;
  flex-direction: column;
  height: 500px;
  padding: 20px 80px 20px 80px;
}
 }

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {

.container_head {
  margin-left: 10%; 
  }
 
.img_logo {
      flex:20%;
      width: 70px;
      height: 170px;
      padding: 1px 1px 1px 1px;
      }
  
 .header {
  flex:80%;
  font-size: 32px;
   padding: 40px 10px 30px 60px;
  }
  
  u {
  padding-bottom:5px;
  }
 .topnav a {
  padding: 15px 49px 1px 1px;
  font-size: 17px;
  }
  .foot_con {
      font-size: 300%;
   }
   .foot_text {
      font-size: 85%;
   }
   .address {
  font-size: 14px;
  padding: 15px 30px 0px 70px; 
   }
 }

/* Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 


.container_head {
  margin-left: 10%; 
  }
 
.img_logo {
      flex:20%;
      width: 70px;
      height: 170px;
      padding: 1px 1px 1px 1px;
      }
  
 .header {
  flex:80%;
  font-size: 40px;
   padding: 30px 10px 30px 60px;
  }
  
  u {
  padding-bottom:5px;
  }
 .topnav a {
  padding: 15px 55px 1px 1px;
  font-size: 22px;
  }
  .foot_con {
      font-size: 400%;
   }
   .foot_text {
      font-size: 103%;
   }
   .address {
  font-size: 14px;
  padding: 15px 30px 0px 70px; 
   }
 
 }

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) { 
.container_head {
  margin-left: 10%; 
  }
 
.img_logo {
      flex:20%;
      width: 70px;
      height: 170px;
      padding: 1px 1px 1px 1px;
      }
  
 .header {
  flex:80%;
  font-size: 40px;
   padding: 30px 10px 30px 60px;
  }
  
  u {
  padding-bottom:5px;
  }
 .topnav a {
  padding: 15px 55px 1px 1px;
  font-size: 22px;
  }
  .foot_con {
      font-size: 400%;
   }
   .foot_text {
      font-size: 103%;
   }
   .address {
  font-size: 14px;
  padding: 15px 30px 0px 70px; 
   }
 
 }
 
 }
 
 @media (min-width: 1400px)  { 
.container_head {
  margin-left: 10%; 
  }
 
.img_logo {
      flex:20%;
      width: 70px;
      height: 170px;
      padding: 1px 1px 1px 1px;
      }
  
 .header {
  flex:80%;
  font-size: 40px;
   padding: 30px 10px 30px 60px;
  }
  
  u {
  padding-bottom:5px;
  }
 .topnav a {
  padding: 15px 55px 1px 1px;
  font-size: 22px;
  }
  .foot_con {
      font-size: 400%;
   }
   .foot_text {
      font-size: 103%;
   }

 }
 
 }