/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
	.container{
		max-width: 1140px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 50%;
	}
	.container{
		max-width: 970px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 700px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 62.5%;
	}
	.home_area h1 {
	    margin-top: 5rem;
	}
	.logo {
	    max-width: 60rem;
	}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 50%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.5vw;
	}
	.container{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.logo {
	    max-width: 35rem;
	}
	.home_area h1 {
		font-size: 4rem;
		margin-top: 3rem;
	}
	.home_area h2 {
	    margin-top: 3.5rem;
	}
}