<style type="text/css">

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
font-family:"Montserrat";
text-decoration: none;
background:#000;
}


/* CSS FLEXBOX */

.banner{
width:100%;
height:;
align-items: center;
background:#FFF;
box-shadow: 4px 4px 10px #666;
margin-bottom:40px;
}

.alinhar{
width:100%;
height:120px;
display:flex;
margin:20px 0 20px 0;
justify-content:center;
align-items: center;
background:#FFF;
box-shadow: 4px 4px 10px #666;
}
.alinhar h1{
background:#FFF; /* #1F1F1F */
color:#1F1F1F;
justify-content: center;
align-items: center;
}

.flex{
display:flex;
flex-wrap: wrap;
max-width:1400px;
align-items: center;
justify-content: center;
margin: 0 auto;
background:#FFF;

}

.box{
flex: 1 1 220px;
display:block;
color:#1F1F1F;
text-decoration: none;
justify-content: center;
align-items: center;
background:#FFF;
font-size:14px;
border-radius:10px;
margin: 8px;
padding: 8px;
box-shadow: 3px 3px 6px #666;
}
.box:hover{
background:#FFCC00;
transition: 1s;
color:#000;
}
.box h1{
background:#1F1F1F;
color:#FC0;
margin:2px;
padding:2px;
border-radius:4px;
justify-content: center;
align-items: center;
}
.box h3{
display:flex;

background:#1F1F1F;
justify-content: center;
align-items: center;
}
.box h3 a{
color:#fc0;
background:#1F1F1F;
justify-content: center;
align-items: center;
display:flex;
}
.box h3 img{
display:flex;
background:#1F1F1F;
justify-content: center;
align-items: center;

}
.btweb {
	margin:10px;
max-width:220px;
height:50px;
display: flex;
color:#FC0;
text-decoration: none;
justify-content: center;
align-items: center;
border-radius:4px;
font-size:18px;
padding:5px;
text-transform:uppercase;
background-color:#000;
box-shadow: 2px 2px 4px #999;
}
.btweb:hover{
	background-color:#FF0;
	border:2px #999;
	color:#000;
}
.btweb img{
background-color:#000;
}
.btweb:hover  img{
background-color:#FF0;
}
.box > img{
max-width:800px;
border-radius:4px;
}

.btnTop{
   position: fixed;
   bottom: 20px;
   right: 20px;
   cursor:pointer;
   height: 50px;
   width: 50px;
   color: #FFF;
   background: #333;
   border: none;
   border-radius: 50vh;
justify-content: center;
align-items: center;
   display:flex;
}
.html{
   scroll-behavior: smooth;
 }

.box > h2{
display:flex;
background:#1F1F1F;
color:#FC0;
margin:5px;
padding:5px;
border-radius:4px;
justify-content: center;
align-items: center;
}
.box > h2 span{
background:#1F1F1F;

}
.box > h2 img{
background:#1F1F1F;
display: flex;
justify-content: center;
align-items: center;
}
.box > h2 a{

background:#1F1F1F;
display: flex;
justify-content: center;
align-items: center;
}
.footer{
width:100%;
height:180px;
margin-top:30px;
justify-content: center;
align-items:center;
background:#1F1F1F;
color:#FFF;
display:flex;
}
</style>   