@media screen and (min-width: 320px) and (max-width: 375px){
	h1{
		margin-top: -90px ;
		font-size:50px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}
	#about{
		height:100%;
	}
	.aPara{
		margin-top:-100px;
		margin-bottom:;
	}
		

}
@media screen and (min-width: 376px) and (max-width: 480px){
	h1{
		margin-top: -90px ;
		font-size:50px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}

}
@media screen and (min-width: 481px) and (max-width: 670px){
	h1{
		margin-top: -90px ;
		font-size:50px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}

}
@media screen and (min-width: 671px) and (max-width: 750px){
	h1{
		margin-top: -80px ;
		font-size:100px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}

}
@media screen and (min-width: 751px) and (max-width: 840px){
	h1{
		margin-top: -70px ;
		font-size:100px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}

}
@media screen and (min-width: 841px) and (max-width: 1030px){
	h1{
		margin-top: -20px ;
		font-size:100px;
		
	}
	h3{
	font-size: 20px;
}

.button {
    background-color: #7eaaeb; 
    border: 1px;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

 .button2 {
    background-color: #ffffff; 
    border: 1px;
    color: #7eaaeb;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}
.navbar{
	background-color: #fbfaf0;
	border: none;
	}

}















