/*==========Midia Queries 768 - GERAL===========*/			  

/*Celular*/

@media screen and (min-width: 320px) {
#hospedagem h2 { font-size: 13px;}
#hospedagem h3 { font-size: 14px;}
#hospedagem h4 { font-size: 11px;}
#hospedagem li {font-size: 9px;}
.sobreNos {font-size: 12px;}
 
  .flex-container > div {
      width: 30%;
      font-size: 11px;
  }
  td {width: 23%;
      font-size: 10px;}
}
 .big { font-size: 11px;}
  th {font-size: 12px;}

 
/*SM*/
@media screen and (min-width: 767px) {
  h1 {font-size: 50px;}
  .btn-custom {margin: 10px 15px;}
  .texto-capa h1 { font-size:70px; }
  #spanbox-web {	font-size: 22px;}
  #h4box h4 { font-size: 22px;}
  .big { font-size: 25px;}
  th {font-size: 19px;}
  
 #hospedagem h2 { font-size: 22px;}
#hospedagem h3 { font-size: 24px;}
#hospedagem h4 { font-size: 20px;}
 #hospedagem li {font-size: 14px;}
 .sobreNos {font-size: 14px;}
 
  .flex-container > div {
      width: 26%;
      font-size: 25px;
  }
   td {width: 23%;
      font-size: 15px;}
  
}

/*SM*/
@media screen and (max-width: 768px) {
  h1 {font-size: 70px;  }
  .texto-capa h1 { font-size:60px; }
  #h4box h4 { font-size: 17px;}
  #spanbox-web {font-size: 20px;}
  .big { font-size: 15px;}
  th {font-size: 13px;}
  
  #hospedagem h2{ font-size: 18px;}
  #hospedagem h3 { font-size: 16px;}
  #hospedagem h4 { font-size: 13px;}
  #hospedagem li {font-size: 13px;}
  .sobreNos {font-size: 12px;}
  
   .flex-container > div { width: 26%;
                           font-size: 14px;
  }
   td {width: 20%;
      font-size: 12px;}
 }

/*MD*/
@media screen and (min-width: 970px) {
  h1 {font-size: 80px;}
  .texto-capa h1 { font-size:110px; }
  #spanbox-web {font-size: 30px;}
  #h4box h4 { font-size: 30px;}
  .big { font-size: 30px;}
  th {font-size: 25px;}
  
#hospedagem h2 s{ font-size: 27px;}
#hospedagem  h3 { font-size: 33px;}
#hospedagem  h4 { font-size: 22px;}
  #hospedagem li {font-size: 16px;}
   .sobreNos {font-size: 16px;}
   
    .flex-container > div {
      width: 29%;
      font-size: 28px;
  }
   td {width: 30%;
      font-size: 17px;}
}

/*LG*/
@media screen and (min-width: 1170px) {
  h1 {font-size: 100px;}
  .texto-capa h1 { font-size:140px; }
  #spanbox-web {font-size: 40px;}
  #h4box h4 { font-size: 40px;}
  
  .big { font-size: 40px;}
  th {font-size: 30px;}
  
  #hospedagem h2 { font-size: 37px;}
  #hospedagem  h3 { font-size: 39px;}
  #hospedagem  h4 { font-size: 26px;}

  #hospedagem li {font-size: 18px;}
  .sobreNos {font-size: 18px;}
  
  .flex-container > div {
      width: 20%;
      font-size: 30px;
  }s
   td {width: 23%;
      font-size: 20px;}
}