*{
   margin: 0; padding: 0;
}
body{
   display: flex;
   flex-direction: column
}
.topo{
   width: 100%;
   height: 240px;
   background: #007ca5;
   text-align: center;
   overflow: hidden
}

.topo img{
   margin: 20px 0 0 0; 
}
.btntop{
   width: 100%;
   text-align: center;
   position: absolute;
   top: 170px;
}
.canto{
   display: none;
}
.titulo1{
   width: 100%;
   text-align: center;
   background: #ccc;
   margin-bottom: 10px;
   padding: 5px;
   font-style: oblique;
   font-size: 16px;
}
.botoestipos{
   width: 100%;
   text-align: center;
}

.formularios{
   margin-top: 10px;
   margin-bottom: 50px;
}

.footer{
   width: 100%;
   bottom: 0;
   margin-top: 10px;
   padding: 5px;
   background: #ccc;
   text-align: center;
}
.resposta{
   width: 100%;
   margin-top: 10px;
   text-align: center;
   border-top: 1px solid #ccc;
   padding-top: 40px;
}
@media only screen and (max-width: 600px) {
   .topo{
      width: 100%;
      height: 180px;
      background: #007ca5;
      text-align: center;
      overflow: hidden
   }

   .topo img{
      width: 70%;
      margin: 20px 0 0 0; 
   }
   .btntop{
      width: 100%;
      text-align: center;
      position: absolute;
      top: 120px;
   }

}