#banner {
	width: 1350px;
}


header{
	background: #FFFFFF;
	padding: 0 0;
}
.caixa{
	position: relative;
	width:100%;
	margin: 0 auto;
      }

.nav {
	position: absolute;
	top: 100%;
	right: 0;
}

nav li {
	display: inline;
	margin: 0 0 0 15px;
	
	 }
nav a{
	 	text-decoration: none;
	 }

nav a:hover{
	 	color:#f00875;
	 		 }


.ul {
	position: absolute;
	top: 0;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	font-size:20px;
	text-align: left;
	text-decoration: none;
 }

 .icones{
 	width: 100%;
 	margin: 5 auto;
 	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
 }

@media screen and (max-width: 480px){
	.caixa,	.icones, {
		width: 100%;
		
	}
	.icones{
		margin: 0 400px;
	}
	.banner{
		width: 1350px;
	}

	li{
		width: 100;
	}
	nav {
    position:static;
   }
    h1 {
    	width: 100%;
    text-align: center;
   }
   html{
   	width: 100%;
   }
   footer{
   	padding: 1350px;
    }
}


.icones li{ 
	display: inline-block;
	text-align: center;
    vertical-align: top;
    margin: 0 3.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: 6px solid ;
    border-radius: 50px;
    border-color: #FFFFFF;
    margin: 30px;
    
}

.icones li:hover {
border-color: #140d6c;
}

.icones li:active {
	border-color: #f00875;
}


 .icones h2{
 	font-size: 35px;
 	font-weight: bold;
 }

 footer{
 	    width: 1350px;
    text-align: center;
    background: url(rodape.jpg);
    padding: 8px 0;
 	

 }
 .copyright{
 	color: #FFFFFF;
 	font-size: 13px;
 	margin: 20px;
 }