*{
   margin:0;
   padding: 0;
   font-family: 'Poppins', sans-serif;

}

/* ############## HEADER ############## */
header {
   width: 100%;
   height: 10vh;
   background: #053c82;
}


header div {
   width: 90%;
   height: 10vh;
   margin: 0 auto;

   display: flex;
   align-items: center;
   justify-content: space-between;
}

header h3{
   color: #FFF;
   font-family: 'Poppins', sans-serif;
}

header img {
   width: 8%;
}
/* ############## MAIN ############## */

main{
   height: 70vh;
}
main input{
   border:  dotted 2px #b3b3b3;
   display: flex;
   justify-content: center;
   text-align: center;
   width: 75%;
   height: 5vh;
}
main p{
   margin-top: 5%;
   text-align: center;
}

main div{
   margin-top: 2%;
   display: flex;
   justify-content: center;
   width: 100%;
}

/* ############## FOOTER ############## */
footer {
   display: flex;
   align-items: center;
   justify-content: space-between;

   width: 100%;
   height: 10vh;
   background: #053c82;
}

.infor-tijuca{
   display: flex;
   flex-direction: column;
   width: 20%;
   margin: 0 0 0 5%;
   font-family: 'Poppins', sans-serif;
   color: #FFF;

}

.rede-social{
   width: 10%;
   margin: 0 5% 0 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 10vh;

}

.rede-social img {
   width: 20%;
   height: 31px;
}


/* ERRO */
.erro-page{
   height: 70vh;
   margin: 5% 0 0 0;
   text-align: center;
}

/* BUTTONS */
.btn {
   width: 50%;
   height: 5vh;
   cursor: pointer;
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
}


/* RESPONSIVO */
@media screen and (max-width: 680px) {
   main {
     height: 75vh;
     margin: 0;
   }
   footer{
      height: 30vh;
   }
   footer .rede-social{
      display: none;
   }
   .btn{
      width: 95%;
      height: 8vh;
   }

   main input{
      width:95%;
   }
	.infor-tijuca{
		width: 85%;
	}
}