html{
background-color:Powderblue;
}
header{
font-family:copperplate;
height:100%;
font-size:45px;
text-align:center;
}
h1{
 font-family: Georgia, serif;
  height:100%;
  font-size:50px;
  text-align:center;
}
h2{
  font-family: 'IBM Plex Sans', sans-serif;
  height:100%;
  font-size:35px;
  text-align:left;
  margin:2%;
  padding:0%
}  
active{
background-color:Black;
}
ul{
list-style-type:none;
margin:1%;
padding:0%;
overflow:hidden;
background-color:RoyalBlue;
}
li{
float:left;
}
li a{
display:block;
color:black;
text-align:center;
padding: 14px 16px;
}
li a:hover{ 
  background-color:;
  }
  section{
  width: 100%;
  float:left;
  }
  div{
    width:35%;
	float: left;
	margin: 0% 2% 0% 2%;
	padding: 0% 1% 0% 1%;
	}
	
 	
    img{

 width:100%;
 max-width:100%;
 height:50%;
    }
 
    body{
 background:PowderBlue;
 font-size:16px;
 font-family: 'Asap', sans-serif;
 margin:0%;
    }
	a{
	color:crimson;
	}
	
	a:hover{
	color:AliceBlue;
	}
	
	/* Layout
	-------------------------*/
	
	header,
	.container,

footer {

    margin: 0 auto;

    width: 100%;

    max-width: 100%;
}

.wrapper {


    padding: 1em 0;

    background: #B43E8F;
	}