/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
  #logo{
    padding-left: 30px;
    margin-top: 9px;
  }
  .homepage1{
    margin-top: -180px;
    height: 430px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
  }
  .homepage1-caixa {
    width: 62%;
    margin-top: 0;
    color: #067B82;
  }
  .w-75{
    width: 75%;
  }

  #espaco {
    padding-top: 100px;
    padding-left: 30px;
    font-size: 16px;
  }
  #espaco3{
    font-size: 18px;
    padding-top: 200px;
    padding-left: 50px;
  }
  #espaco4{
    font-size: 16px;
    padding-left: 50px;
    font-weight: 200;
    margin-top: -5px;
  }
  #resp{
    font-size: 16px;

  }
  #white{
    font-size: 14px;
  }
  #italico{
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
  }
  .homepage2{
    margin-top:-300px;
    height: 300px;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
                  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
  }
  .barra_azulao{
    margin-bottom: -10px;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
                  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  }
  .titulo_home2{
    font-size: 22px;
  }
  .titulo_home2, .barra_azulao3t, .avanco, .avanco2{
    margin-left: 20px;
    margin-right: 15px;
  }
  .avanco4{
    margin-left: 20px;
    margin-right: 15px;
  }
  .avanco3{
    margin-left: 20px;
  }
  .barra_azulao2_t{
    text-align: center;
    font-size: 15px;
  }
  .barra_azulao3t{
    font-size: 15px;
  }
  .titulo_home2a{
    font-size: 22px;
    margin-left: 20px;
    margin-top: -100px;
  }
  .opaco{
    margin-top: 0;
  }
  .homepage3{
    margin-top: -60px;
    height: 300px;
    -webkit-clip-path: polygon(0 0, 100% 12%, 100% 91%, 0 100%);
    clip-path: polygon(0 0, 100% 12%, 100% 91%, 0 100%);
  }
  .homepage4{
    margin-top: -48px;
    height: 300px;
    -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 87%);
    clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 87%);
  }
  .homepage5{
    margin-top: -75px;
    height: 300px;
    -webkit-clip-path: polygon(0 0, 100% 15%, 100% 77%, 0 100%);
    clip-path: polygon(0 0, 100% 15%, 100% 77%, 0 100%);
  }
  .homepage6{
    margin-top: -73px;
    height: 300px;
    -webkit-clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
  }
  .homepage11{
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  }
  .homepage12 {
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  .homepage13 {
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  .homepage14 {
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  .homepage15 {
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  .homepage16 {
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  .homepage17 {
    background-position: left;
    margin-top: 110px;
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
  #espaco2{
    font-size: 18px;
    padding-top: 200px;
    padding-left: 30px;
    font-weight: 700;
  }
  .barra_branca{
    margin-top: -200px;
    height: 200px;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
                  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
  }
  .barra_azul{
    margin-top: 25px;
    height: 120px;
    -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 99%);
    clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 99%);
  }

  .barra_branca2{
    margin-top: -50px;
    -webkit-clip-path: polygon(0 0, 100% 3%, 100% 99%, 0 100%);
    clip-path: polygon(0 0, 100% 3%, 100% 99%, 0 100%);
    }
    .barra_branca3{
      margin-top: -230px;
      -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 99%);
                    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 99%);
    }
    .barra_branca6{
      margin-top: -230px;
      -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
                    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
    .barra_branca5{
      margin-top: -320px;
      -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 99%);
                    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 99%);
    }
  .titulo_home{
    font-size: 22px;
    padding-top: 90px;
    margin-left: 20px;
  }
  .item_mapa{
    margin-top: 0;
  }
  .mapa{
    margin-top: 20px;
    width: 90%;
  }
  .local{
    width: 260px;
    height: 300px;
  }
  .titulo_home3{
    font-size: 22px;
    padding-top: 90px;
    margin-left: 20px;
  }
  .titulo_home6{
    font-size: 22px;
    padding-top: 220px;
    margin-left: 20px;
  }
  .titulo_home5{
    font-size: 22px;
    padding-top: 120px;
    margin-left: 20px;
  }
  .barra_azul_t{
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 15px;
    font-size: 16px;
  }
  .barra_branca2t{
    padding-top: 70px;
    margin-left: 20px;
    margin-right: 15px;
    font-size: 15px;
  }
  .barra_branca3t{
    font-size: 15px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 15px;
  }
  .barra_branca4t{
    font-size: 15px;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 15px;
  }
  .barra_branca5t{
    font-size: 15px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 15px;
  }
  .topo2{
    margin-top: 130px;
  }
  .topo{
    margin-top: 160px;
  }
}

/* iPads (portrait and landscape) ----------- */
@media  (min-device-width : 768px) and (max-device-width : 1024px){
  #logo{
    padding-left: 10px;
    margin-top: 9px;
  }
  .topo2{
    margin-top: 80px;
  }
  .navbar-nav {
    margin: -15px -15px;
    padding-left: 175px;
  }
  .homepage1{
    margin-top: -400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  }
  .opaco{
    margin-top: -200px;
  }
  .w-75{
    width: 75%;
  }
  .homepage1-caixa {
    width: 50%;
    margin-top: 400px;;
  }
  .homepage2{
    margin-top: -170px;
    height: 400px;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
                  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
  }
  #resp{
    padding-top: 120px;
  }
  .homepage3{
    margin-top: -59px;
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 12%, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 12%, 100% 87%, 0 100%);
   }
   .homepage4{
     margin-top: -67px;
     height: 400px;
     -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
                   clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 87%);
   }
   .homepage5{
     margin-top: -75px;
     height: 400px;
     -webkit-clip-path: polygon(0 0, 100% 12%, 100% 77%, 0 100%);
     clip-path: polygon(0 0, 100% 12%, 100% 77%, 0 100%);
   }
   .homepage6{
     height: 400px;
     margin-top: -95px;
     -webkit-clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 17%, 100% 0, 100% 100%, 0 100%);
   }
   .homepage17 {
    background-position: center;
     margin-top: 115px;
     height: 400px;
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
     clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
   }
   .barra_azulao{
     margin-bottom: -45px;
     -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 99%);
                   clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 99%);
   }
   .barra_azul{
     margin-top: 25px;
     height: 95px;
     -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 99%);
     clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 99%);
   }

   .barra_branca{
    margin-top: -300px;
   }
   .barra_branca2{
     margin-top: 100px;
     -webkit-clip-path: polygon(0 0, 100% 3%, 100% 99%, 0 100%);
     clip-path: polygon(0 0, 100% 3%, 100% 99%, 0 100%);
     }
   .barra_branca3{
     margin-top: -280px;
     -webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 99%);
                   clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 99%);
   }
   .barra_branca5{
     margin-top: -360px;
     -webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 99%);
                   clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 99%);
   }
   .barra_branca6{
     margin-top: -230px;
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 99%);
                   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 99%);
   }
   .titulo_home{
     padding-top: 150px;
     margin-left: 100px;
   }
   .item_mapa{
     margin-top: 0;
   }
   .titulo_home2 {
     margin-left: 100px;
     margin-right: 60px;
   }
   .titulo_home3{
     padding-top: 150px;
     margin-left: 100px;
   }
   .titulo_home5{
     padding-top: 170px;
     margin-left: 100px;
   }
   .titulo_home6{
     padding-top: 230px;
     margin-left: 100px;
   }
   .avanco {
     margin-left: 100px;
     margin-right: 60px;
   }
   .avanco4 {
     margin-left: 100px;
     margin-right: 60px;
   }
   .avanco2 {
     margin-left: 50px;
     margin-right: 60px;
   }
   .barra_azulao3t {
     margin-left: 100px;
     margin-right: 60px;
   }
   .barra_branca3t{
     margin-left: 100px;
     margin-right: 45px;
   }
   .barra_branca5t{
     margin-left: 50px;
     margin-right: 45px;
   }
   .barra_branca2t{
     padding-top: 50px;
     margin-left: 100px;
     margin-right: 45px;
   }
   .barra_azul_t{
     margin-left: 100px;
     margin-right: 45px;
   }
   .avanco3{
    margin-left: 5px;
    text-align: center;
   }
   .barra_azulao2_t{
     text-align: center;
   }

   .titulo_home2a{
     margin-left: 100px;
     margin-top: -80px;
   }
   .w-25{
     width: 65%;
   }
}
/* iPads (portrait and landscape) ----------- */
@media  (min-device-width : 1024px) and (max-device-width : 1360px){
  .homepage17 {
    margin-top: 130px;
    height: 400px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  }
}