.title {
    
margin-left: 40px;
    
padding: 20px;
  
text-align: center;

}

.box{
    
width: 70%;
      
margin-left: 10%;

}

.ul1 ul {
	
color: white;
	
list-style-type: none;
    
margin: 0;
    
padding-left: 39%;
    
overflow: hidden;
	
text-align: center;
  
}

.li1 li{

float: left;
	
text-align: center;

}


.li1 li a {

display: inline;
    
text-align: left;
    
padding: 8px;
    
text-decoration: none;
    
}


.li1 li a:hover {
    
background: grey;
	
color: white;
    
}


.li1 li a:visited {
    
color: white;

}

.box2 h1 {
    
margin-bottom: 5%;
        
color: white;

text-align: center;
    
font-size: 28px;

font-family: Majesti Banner Book;
        
line-height: 2;
    
text-transform: capitalize;
      
width: 40%;
      
margin-left: 33%;

}
     
.image1 {
	
width: 150px;
	
height: 150px;
	
border-radius: 10%;
	
float: left;
	
margin-left: 35%;
	
margin-bottom: 5%;
	
}

.image2 {
	
width: 120px;
	
height: 120px;
	
border-radius: 10%;
	
float: right;
	
margin-right: 30%;
	
border-radius: 10%;

}

.box3 .second {
	
height: 35%;
	
width: 15%;
      
margin-left: 50%;
	
color: white;

font-size: 16px;

font-family: Majesti Banner Book;

line-height: 2;
	
padding-bottom: 5%;

}

.box4 .third {
	
height: 25%;
	
width: 15%;
      
float: left;
	
color: white;

font-size: 16px;

font-family: Majesti Banner Book;

line-height: 2;
	
padding-bottom: 5%;
	
margin-left: 40%;

}

footer {
	
margin-left: 5%;
	
padding-top: 15%;
    
color: white;

text-align: center;
              
font-size: 14px;

font-family: Majesti Banner Book;
    
}

.ul2 ul {
	
width: 100%;
	
list-style-type: none;
    
margin: 0;
      
overflow: auto;
	
text-align: left;
	
display: inline;
	
}



.fa a{
	
width: 20%;
	
padding: 60%;


	
text-decoration: none;


	

	
}

.fa:hover {

background: blue;
	

	
}

.fa-facebook {

color: white;
	
height: 30px;
	
float: left;
	
margin-left: 47%;
	
	
}

.fa-twitter {

height: 30px;

color: white;

margin-left: auto;

	
}