@import url(./style.css);

#header{
	background: var(--color2);
}

#about-section{
	padding: 10rem 10rem 5rem;
}

#about-section h2{
	margin-bottom: 1.5rem;
}
#about-section img{
	height: 40rem;
}
#about-section p{
	font-size: 1.5rem;
}
#about-section .p{
	margin-bottom: 2rem;
}

#about-section .text{
	margin-top: 2.5rem;
}


/* ABOUT PAGE MEDIA */
@media(max-width: 800px){
	#about-section{
		padding: 10rem 5rem 5rem;
	}
}
@media(max-width: 650px){
	#about-section img{
		height: 30rem;
	}
}
@media(max-width: 450px){
	#about-section{
		padding: 10rem 2.5rem 5rem;
	}
	#about-section img{
		height: auto;
	}
	#about-section p{
		font-size: 1.3rem;
	}
}