/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1440px) { 
	.container{
		max-width: 1300px;
	}
}
@media (min-width: 1200px) and (max-width: 1439.98px){ 
	html{
		font-size: 59%;
	}
	.container{
		max-width: 1200px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	html{
		font-size: 52%;
	}
	.container{
		max-width: 992px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) { 
	html{
		font-size: 53%;
	}
	.container{
		max-width: 760px;
	}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 54%;
	}
	.logo {
	    width: 5rem;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2vw;
	}
	.social_icons a {
	    margin-right: 0.2rem;
	    font-size: 1.4rem;
	    width: 3rem;
	    height: 3rem;
	}
	.language {
	    width: 11rem;
	}
	.button {
	    min-width: 9rem;
	    font-size: 1.3rem;
	}
}