body {
    background-image: url(images/IMG_0223.jpg);
	background-size: cover;
	background-repeat: no repeat;
	background-attachment: fixed;
	background-position:center;
	font-style: normal;
	color: #FFFFE3;
	width: 100%;
	max-width: 1600px;
	 min-width:  480px;
	margin: 0 auto;
	text-align: center;
}

html{
	scroll-behavior: smooth;
}

/*layout*/
ul li a{text-decoration: underline;
 font-size: 20px;
 color:#7EFF21;
  font-family: "Roboto", sans-serif;
 }
 
 
.viewallb:hover{
color:black;
background-color:#FFFFE3;
padding: 10px;
}


/*header*/
header {
margin: 0;
left: 0;
right: 0;
position: fixed;
	width:100%;
	background-color: black;
	height: auto;
	padding: 15px;
	padding-left: 0;
}

 nav ul li a{text-decoration: none;
 font-size: 20px;
 color:#FFFFE3;
  font-family: "Roboto", sans-serif;
 }
 
nav ul li a:hover{
color:#7EFF21;
}

a:active{
 color:#7EFF21;
 }
ul{text-align: center;
padding:10px;
}
ul li {
	list-style: none;
	text-decoration: none;
	display: inline;
	margin: 70px;
	padding-top: 0;
	text-align: center;	
}

/*footer*/
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: black;
	height: 40px;
	padding: 20px;
	text-align: center;
	clear: both;
}
h9{
color: #FFFFE3;
font-family: "PT Sans", sans-serif;
}

/*main*/

main{
max-width: 1200px;
margin-left: auto;
margin-right:auto;
text-align: center;
height:720px;
padding-top: 25%; 
margin-top:0 auto;
}

h2{
font-size:150px;
margin:0 auto;
font-family: "PT Sans", sans-serif;
}
h1{
font-size:120px;
margin:0 auto;
font-family: "PT Sans", sans-serif;
}
h4{
font-size:16px;
margin-top:0;
 font-family: "Roboto", sans-serif;
}
h3{
font-size:50px;
margin:0 auto;
font-family: "PT Sans", sans-serif;
}
.sect{
margin-top:3%;
}


p{ font-family: "Roboto", sans-serif;}

/*gigs*/

#gigs {
background-color: black;
display: flex;
padding:2%;
}
#pics1{
	width: 50%;
	padding-left: 4.46%;

}
#text1{
text-align: center;
margin: 0auto;
width:50%;
padding-top:20%;
}

/*about.*/

#about2{
background-color: black;
display: flex;
padding:2%;
}

#pics2{
width: 50%;
padding-left: 4.46%;
}

#text2{
text-align: center;
margin: 0auto;
width:50%;
padding-top:20%;
}

/*gallery3*/

#gallery3{
background-color: black;
display: flex;
padding:2%;
}

#pics3{
width: 50%;
padding-left: 4.46%;
}

#text3{
text-align: center;
margin: 0auto;
width:50%;
padding-top:20%;
}

/*connect*/

#connect{
	display:flex;
	width:100%;
background-color:#FFFFE3;
color: black;
margin-top: 55px;
padding-top:50px;
padding-bottom: 15px;
}

#connect1{
	width:50%;
	font-size: 3em;
}
#connect2{
	width:40%;
	padding-top: 190px;
	margin-left: 30px;
	text-align: left;
}

.mail a{

text-decoration: underline;
 color:black;
  font-family: "Roboto", sans-serif;
}



h7{
font-family: "Roboto", sans-serif;
font-size: 2em;	
background-color: black;
padding-right: 15%;
color:#7EFF21;

}
h6{
	font-family: "Roboto", sans-serif;
}
h8{
	font-size: 2.4em;
		font-family: "Roboto", sans-serif;
		padding-top: 10px;
}


#about{
display: flex;
	width:100%;
background-color:#FFFFE3;
color: black;
margin-top: 55px;
padding-top:50px;
padding-bottom:150px;

}

.aboutimg{
padding-top:50px;
margin-left: 15.5%;
}

#about3{
font-family: "Roboto", sans-serif;
width: 30%;
margin-left: 10%;
text-align: left;
margin-top: 70px;
}

/*gallery*/

#gallery1{
background-color:black;
padding-top: 30px;
padding-bottom: 30px; 
}

.tijanero3{
margin:5px; 

}