.hero {
background-image: url('../images/logo.png');
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
padding-bottom: 50px;	
}

.hero h1{
	font-weight: bold;
}

.divider {
	height: 10px;
	width:  100%;
	background-color: #ffd600 ;
}

.i{
	padding-top: 30px;
	padding-left: 10px;
	color: #ffd600;
	margin: 20px;
	
}
.profile {
	border: 2px solid;
}



.graph1 {
	padding-top: 50px; 
	background :  #00a9ff;
	color : white ;
}


.fa {
	display: inline-block;
}

#img{
	width: 100%
    
}



.graph2 {
	padding-top: 50px; 
	background : white ;
	color : #454A4E ;
}



#imga{
	width: 100%
    
}
.graph3 {
	padding-top: 50px; 
	background : #00a9ff ;
	color : white ;
}

#imgb{
	width: 100%
    
}

.graph4 {
	padding-top: 50px; 
	background : white ;
	color : #454A4E ;
}
#imgc{
	width: 100%
    
}