@font-face {
   font-family: impact;
   src: url(../fonts/impact.ttf);
}
.azul{
  background-color: blue;
}
.fundo_topo{
  background-color: #19335B;
  height: 190px;
}
.logo{
  margin-top: 15px;
}
.fundo_menu{
  background-color: #2C6B9A;
  height: 58px;
  margin-top: 2px;
}
.telefone{
  float: right;
  margin-right: -152px;
  margin-top: 2px;
  letter-spacing: 1px;
  font-family: sans-serif;
  font-size: 18px;
  color: white;
}
.section_media{
  margin-top: 40px;
}
.section_servico{
  margin-top: 20px;
}
.section_parceiro{
  margin-top: 90px;
}
.section_contato{
  margin-top: 70px;
}
.dados{
  margin-top: 83px;
}
.contato_direita{
  margin-top: -5px;
  font-family: sans-serif;
  font-size: 19px;
  line-height: 30px;
  color: white;
}
.midias_rodape{
  font-family: sans-serif;
  font-size: 23px;
  line-height: 50px;
  color: white;
  margin-left: 3px;
}
.fundo_empresa{
  background-color: #19335B;
}
.tit_empresa{
  font-family: impact;
  font-size: 50px;
  color: white;
}
.texto_empresa{
  float: left;
  text-align: justify;
  font-family: sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 23px;
  color: white;
}
.tit_servico{
  font-family: impact;
  font-size: 60px;
  text-align: center;
  color: #19335A;
}
.bt_fale{
  text-decoration: underline;
  color: white;
}
.txt_servico{
  text-align: center;
  font-family: sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-top: 10px;
}
.titulo{
  text-align: center;
  font-family: sans-serif;
  font-size: 40px;
  letter-spacing: 1px;
}
.txt{
  text-align: center;
  font-family: sans-serif;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 30px;
}
.pic_servico{
  text-align: center;
}
.titulo_contato{
  text-align: center;
  font-family: sans-serif;
  font-size: 40px;
  margin-top: 40px;
  letter-spacing: 1px;
}
.control-label{
  color: white;
  font-size: 20px;
}
.txt_duvida{
  float: left;
  font-family: sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: white;
  margin-top: 40px;
}
.txt_rodape{
  text-align: center;
  font-family: sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: black;
  margin-top: 10px;
}
.quadro {
    border: 1px solid #fff;
    margin-top:-35px;
    margin-bottom: 16px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    width: 300px;
    margin-right: 90px;
}
fieldset {
  border-top: 1px solid #CCCCCC;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: block;
  text-align: center;
}

/* ---- style scroll menu--*/

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------
seta
-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* --------------------------------
Main components
-------------------------------- */

@media only screen and (min-width: 1024px) {
  main p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #009AD5 url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

@media screen and (max-width:700px){
.section_media{
    margin-top: 20px;
  }
.section_servico_media{
    margin-top: -10px;
  }
.section_parceiro_media{
  margin-top: -10px;
  }
.section_contato_media{
    margin-top: -10px;
  }
.picparceiro{
    text-align: center;
  }
.txt_duvida{
    text-align: center;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    color: white;
    margin-top: 10px;
  }
.quadro {
    border: 1px solid #fff;
    margin-top: 5px;
    margin-bottom: 16px;
    padding: 8px;
    text-align: center;
    display: block;
    border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    width: 200px;
    margin-right: 100px;
  }
.txt_rodape{
    text-align: center;
    font-family: sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    color: black;
    margin-top: 10px;
  }
.txt_menu{
  text-align: center;
  font-family: sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  color: black;
  margin-top: 10px;
 }
.titulo{
  text-align: center;
  font-family: sans-serif;
  font-size: 30px;
  letter-spacing: 1px;
 }
 .pic_montagem{
   text-align: center;
 }
}