@media only screen and (max-width: 414px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }
  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -25%;
    width: 170%
  }

  .imgmar{
    margin-top: -20%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.39em;
    transform: translateY(-135%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-390%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.35);
      margin-left: 10%;
      margin-top: -31%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:170%
    }
    #tewpp{
      margin-left:70%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 85%
    }
    #conf{
      margin-left: 170%
    }

    .logos{
      transform: translateY(-20%);
      margin-right: 5%;
      margin-top:4%;

    }
    .jrlo{
      width:9%;
      margin-left: 62%;
      transform: translateY(-140%)
    }
    .footer-link{
      display: block;
    }
    footer li{
      display: inline;
      position: relative;
      margin-left: 0;
    }
  }
@media (min-width:414px) and (max-width: 480px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 4%;
    width:90%
  }
  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -18%;
    width: 170%
  }

  .imgmar{
    margin-top: -20%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-20%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.4em;
    transform: translateY(-143%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-390%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 11%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.35);
      margin-left: 10%;
      margin-top: -30%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:170%
    }
    #tewpp{
      margin-left:70%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 85%
    }
    #conf{
      margin-left: 170%
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 5%;
      margin-top:4%;

    }
    .jrlo{
      width:9%;
      margin-left: 60%;
      transform: translateY(-131%)
    }
    .footer-link{
      display: block;
    }
    footer li{
      display: inline;
      position: relative;
      margin-left: 0;
    }

}
@media (min-width:480px) and (max-width: 600px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 4%;
    width:90%
  }
  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -16%;
    width: 170%;
    height: 100%
  }

  .imgmar{
    margin-top: -14%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-20%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.5em;
    transform: translateY(-136%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-931%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 17%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.4);
      margin-left: 11%;
      margin-top: -25%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:180%
    }
    #tewpp{
      margin-left:70%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 85%
    }
    #conf{
      margin-left: 180%
    }

    .logos{
      transform: translateY(-20%);
      margin-right: 5%;
      margin-top:4%;

    }
    .jrlo{
      width:9%;
      margin-left: 50%;
      transform: translateY(-127%)
    }
    .footer-link{
      display: block;
    }
    footer li{
      display: inline;
      position: relative;
      margin-left: 0;
    }
}

@media (min-width:600px) and (max-width: 700px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 4%;
    width:90%
  }
  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -16%;
    width: 170%;
    height: 100%
  }

  .imgmar{
    margin-top: -14%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-20%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.7em;
    transform: translateY(-155%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-1201%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 17%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.4);
      margin-left: 11%;
      margin-top: -25%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:180%
    }
    #tewpp{
      margin-left:70%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 85%
    }
    #conf{
      margin-left: 180%
    }

    .logos{
      transform: translateY(-20%);
      margin-right: 5%;
      margin-top:4%;

    }
    .jrlo{
      width:9%;
      margin-left: 50%;
      transform: translateY(-127%)
    }
    .footer-link{
      display: block;
    }
    footer li{
      display: inline;
      position: relative;
      margin-left: 0;
    }
}
@media (min-width:701px) and (max-width: 768px){
  .titulosob{
    margin-left: 4%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 4%;
    width:90%
  }
  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -16%;
    width: 170%;
    /* height: 100% */
  }

  .imgmar{
    margin-top: -14%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-20%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.8em;
    transform: translateY(-166%);
    margin-left: 36%;
  }
  .qualifica h1{
    font-size: 1.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-385%);
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 17%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.4);
      margin-left: 11%;
      margin-top: -25%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:180%
    }
    #tewpp{
      margin-left:70%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 85%
    }
    #conf{
      margin-left: 180%
    }

    .logos{
      transform: translateY(-20%);
      margin-right: 5%;
      margin-top:4%;

    }
    .jrlo{
      width:9%;
      margin-left: 50%;
      transform: translateY(-127%)
    }
    .footer-link{
      display: block;
    }
    footer li{
      display: inline;
      position: relative;
      margin-left: 0;
    }
}



@media (min-width:361px) and (max-width: 376px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }

.imgyt{
  margin-left: -35%;
  transform:scale(0.4);
  margin-top: -25%;
  width: 170%
}
  .imgmar{
    margin-top: -20%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.39em;
    transform: translateY(-128%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 0.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-455%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.4);
      margin-left: 12%;
      margin-top: -32%

    }
    #tecel{
      margin-left:-52%;
      transform: scale(0.9);

    }
    #teconf{
      margin-left:145%;
      transform: scale(0.9);
      margin-top: -1%;
    }
    #tewpp{
      margin-left:53%;
      transform: scale(0.9);
    }
    #tele{
      margin-left: -25%;
      transform: scale(0.9);
    }
    #wpp{
      margin-left: 65%;
      transform: scale(0.9);
    }
    #conf{
      margin-left: 139%;
      transform: scale(0.9);
    }

    .jrlo{
      width:9%;
      margin-left: 76%;
      transform: translateY(-147%)
    }
    footer ul {
      display: block;
      padding: 11px;
    }
    .logs{
      display: inline;
    }
    .footer-link{
      display: block;
    }
}
@media only screen and (max-width: 360px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }

  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -25%;
    width: 170%
  }
  .imgmar{
    margin-top: -20%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.38em;
    transform: translateY(-130%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 0.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-455%);
    margin-top: 1%
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.35);
      margin-left: 9%;
      margin-top: -33%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:174%
    }
    #tewpp{
      margin-left:65%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 80%
    }
    #conf{
      margin-left: 172%
    }

    .jrlo{
      width:9%;
      margin-left: 65%;
      transform: translateY(-127%)
    }
    footer ul {
      display: block;
      padding: 11px;
    }
    .logs{
      display: inline;
    }
    .footer-link{
      display: block;
    }
}
@media only screen and (max-width: 320px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }

  .imgyt{
    margin-left: -35%;
    transform:scale(0.4);
    margin-top: -25%;
    width: 170%
  }
  .imgmar{
    margin-top: -20%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 42%;
    font-size: 0.3em;
    transform: translateY(-150%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 0.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-360%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: -5%
    }
    .icontato{
      transform:scale(0.3);
      margin-left: 5%;
      margin-top: -36%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:228%
    }
    #tewpp{
      margin-left:91%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 105%
    }
    #conf{
      margin-left: 225%
    }

    .jrlo{
      width:9%;
      margin-left: 70%;
      transform: translateY(-165%)
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 3%
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 14%;
      margin-top: 2%;

    }
    .jrlo{
      width:9%;
      margin-left: 79%;
      transform: translateY(-170%)
    }
}
@media (min-width:864px) and (max-width: 991px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }

  .imgyt{
    margin-left: 1%;
    transform:scale(0.8);
    width: 100%;
    margin-top: 0%
  }
  .imgmar{
    margin-top: 0%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.9em;
    transform: translateY(-126%);
    margin-left: 36%;

  }
  .qualifica h1{
    font-size: 1.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-964%);
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: 0%;
      margin-bottom: 10%
    }
    .icontato{
      transform:scale(0.6);
      margin-left: 19%;
      margin-top: -21%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:105%
    }
    #tewpp{
      margin-left:28%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 40%
    }
    #conf{
      margin-left: 103%
    }

    .jrlo{
      width:5%;
      margin-left: 30%;
      transform: translateY(-127%)
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 14%
    }
}
@media (min-width:768px) and (max-width: 863px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }

  .imgyt{
    margin-left: 1%;
    transform:scale(0.8);
    width: 100%;
    margin-top: 0%
  }
  .imgmar{
    margin-top: 0%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.8em;
    transform: translateY(-132%);
    margin-left: 36%;

  }
  .qualifica h1{
    font-size: 1.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-426%);
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: 0%;
      margin-bottom: 10%
    }
    .icontato{
      transform:scale(0.6);
      margin-left: 19%;
      margin-top: -21%

    }
    #tecel{
      margin-left:-52%
    }
    #teconf{
      margin-left:105%
    }
    #tewpp{
      margin-left:28%
    }
    #tele{
      margin-left: -30%

    }
    #wpp{
      margin-left: 40%
    }
    #conf{
      margin-left: 103%
    }

    .jrlo{
      width:5%;
      margin-left: 30%;
      transform: translateY(-127%)
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 14%
    }
}
@media (min-width:992px) and (max-width: 1024px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }
  .imgyt{
    margin-left: 0%;
    transform:scale(0.8);
    margin-top: 0%;
    width: 100%;
    height: 100%
  }
  .imgmar{
    margin-top: 0%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 0.9em;
    transform: translateY(-151%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-1100%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 15%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: 0%;
      margin-bottom: 10%
    }
    .icontato{
      transform:scale(0.7);
      margin-left: 19%;
      margin-top: -19%

    }
    #tecel{
      margin-left:-42%
    }
    #teconf{
      margin-left:98%
    }
    #tewpp{
      margin-left:28%
    }
    #tele{
      margin-left: -20%

    }
    #wpp{
      margin-left: 40%
    }
    #conf{
      margin-left: 95%
    }

    .jrlo{
      width:4%;
      margin-left: 22%;
      transform: translateY(-127%)
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 0%
    }
    footer .logos {
    margin-right: 5%;
    }
}
  @media (min-width:1025px) and (max-width: 1070px){
    .titulosob{
      margin-left: 1%;
      margin-top: 3%;
      font-weight: bolder;
    }
    .linhaborda{
      margin-left: 2%;
      width:90%
    }
    .imgyt{
      margin-left: 10%;
      transform:scale(0.8);
      margin-top: 0%
    }
    .imgmar{
      margin-top: 0%;
      transform:scale(1)
    }
    .qualifica{
      transform: translateY(-15%);
      width: 100%;
      margin-left: 11%

    }
    .qualifica p{
      width: 40%;
      font-size: 1.2em;
      transform: translateY(-151%);
      margin-left: 36%

    }
    .qualifica h1{
      font-size: 1.8em;
      width: 40%;
      margin-left: 36%;
      transform: translateY(-1100%)
    }
    .titulocon{
      margin-left: 1%;
      margin-top: 15%;
      font-weight: bolder;
      transform:scale(0.8)

    }
    .fotosdupla{
      margin-left:9%;
      margin-top:3%;
      margin-bottom: 4%;
      width:80%
    }
    #main{
      margin: 0;
      padding: 0;
      overflow-x: hidden;}

      .dicontato{
        transform:scale(1);
        margin-top: 0%;
        margin-bottom: 10%
      }
      .icontato{
        transform:scale(0.7);
        margin-left: 19%;
        margin-top: -19%

      }
      #tecel{
        margin-left:-42%
      }
      #teconf{
        margin-left:98%
      }
      #tewpp{
        margin-left:28%
      }
      #tele{
        margin-left: -20%

      }
      #wpp{
        margin-left: 40%
      }
      #conf{
        margin-left: 95%
      }

      .jrlo{
        width:4%;
        margin-left: 22%;
        transform: translateY(-127%)
      }
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }
}
@media (min-width:1071px) and (max-width: 1109px){
  .titulosob{
    margin-left: 1%;
    margin-top: 3%;
    font-weight: bolder;
  }
  .linhaborda{
    margin-left: 2%;
    width:90%
  }
  .imgyt{
    margin-left: 15%;
    transform:scale(0.8);
    margin-top: 0%
  }
  .video {
    position: absolute;
    margin-left: 22.3%;
    margin-top: -35.1%;
    width: 55%;
    height: 31vw;
  }
  .imgmar{
    margin-top: 0%;
    transform:scale(1)
  }
  .qualifica{
    transform: translateY(-15%);
    width: 100%;
    margin-left: 11%

  }
  .qualifica p{
    width: 40%;
    font-size: 1.2em;
    transform: translateY(-185%);
    margin-left: 36%

  }
  .qualifica h1{
    font-size: 1.8em;
    width: 40%;
    margin-left: 36%;
    transform: translateY(-1240%)
  }
  .titulocon{
    margin-left: 1%;
    margin-top: 15%;
    font-weight: bolder;
    transform:scale(0.8)

  }
  .fotosdupla{
    margin-left:9%;
    margin-top:3%;
    margin-bottom: 4%;
    width:80%
  }
  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

    .dicontato{
      transform:scale(1);
      margin-top: 0%;
      margin-bottom: 10%
    }
    .icontato{
      transform:scale(0.7);
      margin-left: 19%;
      margin-top: -19%

    }
    #tecel{
      margin-left:-42%
    }
    #teconf{
      margin-left:98%
    }
    #tewpp{
      margin-left:28%
    }
    #tele{
      margin-left: -20%

    }
    #wpp{
      margin-left: 40%
    }
    #conf{
      margin-left: 95%
    }

    .jrlo{
      width:4%;
      margin-left: 23%;
      transform: translateY(-127%)
    }
    .logos{
      transform: translateY(-20%);
      margin-right: 0%
    }
}
  @media (min-width:1109px) and (max-width: 1150px){
    .titulosob{
      margin-left: 1%;
      margin-top: 3%;
      font-weight: bolder;
    }
    .linhaborda{
      margin-left: 2%;
      width:90%
    }
    .imgyt{
      margin-left: 15%;
      transform: scale(0.8);
      margin-top: 0%;
      height: 100%;
      width: 70%;
    }
    .imgmar{
      margin-top: 0%;
      transform:scale(1)
    }
    .qualifica{
      transform: translateY(-15%);
      width: 100%;
      margin-left: 11%

    }
    .qualifica p{
      width: 40%;
      font-size: 1.3em;
      transform: translateY(-165%);
      margin-left: 36%

    }
    .qualifica h1{
      font-size: 1.8em;
      width: 40%;
      margin-left: 36%;
      transform: translateY(-1240%)
    }
    .titulocon{
      margin-left: 1%;
      margin-top: 15%;
      font-weight: bolder;
      transform:scale(0.8)

    }
    .fotosdupla{
      margin-left:9%;
      margin-top:3%;
      margin-bottom: 4%;
      width:80%
    }
    #main{
      margin: 0;
      padding: 0;
      overflow-x: hidden;}

      .dicontato{
        transform:scale(1);
        margin-top: 0%;
        margin-bottom: 10%
      }
      .icontato{
        transform:scale(0.7);
        margin-left: 19%;
        margin-top: -19%

      }
      #tecel{
        margin-left:-42%
      }
      #teconf{
        margin-left:98%
      }
      #tewpp{
        margin-left:28%
      }
      #tele{
        margin-left: -20%

      }
      #wpp{
        margin-left: 40%
      }
      #conf{
        margin-left: 95%
      }

      .jrlo{
        width:4%;
        margin-left: 22%;
        transform: translateY(-127%)
      }
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }
  }
  @media (min-width:1171px) and (max-width: 1210px){
    .titulosob{
      margin-left: 1%;
      margin-top: 3%;
      font-weight: bolder;
    }
    .linhaborda{
      margin-left: 2%;
      width:90%
    }
    .imgyt{
      margin-left: 20%;
      transform:scale(0.8);
      margin-top: 0%
    }
    .imgmar{
      margin-top: 0%;
      transform:scale(1)
    }
    .qualifica{
      transform: translateY(-15%);
      width: 100%;
      margin-left: 11%

    }
    .qualifica p{
      width: 45%;
      font-size: 1.5em;
      transform: translateY(-140%);
      margin-left: 36%

    }
    .qualifica h1{
      font-size: 2em;
      width: 40%;
      margin-left: 36%;
      transform: translateY(-1160%)
    }
    .titulocon{
      margin-left: 1%;
      margin-top: 15%;
      font-weight: bolder;
      transform:scale(0.8)

    }
    .fotosdupla{
      margin-left:9%;
      margin-top:3%;
      margin-bottom: 4%;
      width:80%
    }
    #main{
      margin: 0;
      padding: 0;
      overflow-x: hidden;}

      .dicontato{
        transform:scale(1);
        margin-top: 0%;
        margin-bottom: 10%
      }
      .icontato{
        transform:scale(0.7);
        margin-left: 19%;
        margin-top: -19%

      }
      #tecel{
        margin-left:-42%
      }
      #teconf{
        margin-left:98%
      }
      #tewpp{
        margin-left:28%
      }
      #tele{
        margin-left: -20%

      }
      #wpp{
        margin-left: 40%
      }
      #conf{
        margin-left: 95%
      }

      .jrlo{
        width:4%;
        margin-left: 22%;
        transform: translateY(-127%)
      }
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }
  }
  @media (min-width:1250px) and (max-width: 1295px){
      .qualifica p{
        font-size: 1.2em;

      }
      .qualifica h1{
        margin-top: -8%
      }
  }
  @media (min-width:1296px) and (max-width: 1361px){

  }
  @media (min-width:1363px) and (max-width: 1463px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-145%);
      margin-top: 12%
    }
    .qualifica p{
      transform: translateY(-20%);

    }
  }
  @media (min-width:1470px) and (max-width: 1505px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-250%);
      margin-top: 5%
    }
    .qualifica p{
      transform: translateY(-30%);

    }
  }
  @media (min-width:1510px) and (max-width: 1520px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-250%);
      margin-top: 20%
    }
    .qualifica p{
      transform: translateY(-25%);
      font-size: 2em

    }
  }
  @media (min-width:1530px) and (max-width: 1570px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-230%);
      margin-top: 10%
    }
    .qualifica p{
      transform: translateY(-25%);
      font-size: 1.6em

    }
  }
  @media (min-width:1580px) and (max-width: 1620px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-250%);
      margin-top: 10%
    }
    .qualifica p{
      transform: translateY(-25%);
      font-size: 1.6em

    }
  }
  @media (min-width:1630px) and (max-width: 1670px){
    .titulocon{
      margin-top: 15%
    }
    .qualifica h1{
      transform:translateY(-250%);
      margin-top: 15%
    }
    .qualifica p{
      transform: translateY(-25%);
      font-size: 2em

    }
  }
