/*Extra large devices (large desktops, 1200px and up)*/
html {
	scrollbar-width: thin !important;
}
@media (max-width: 1300px) { 
	html {
	    font-size: 58.5%;
	}

}
@media (min-width: 1200px) {
 
	.container {
		max-width: 123rem;
	}

}

@media (max-width: 1199px) { 

	html {
        font-size: 47%;
    }

	.container {
		max-width: 100%;
	}

}

@media (max-width: 991px) {
	html {
        font-size: 37%;
    }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	html {
        font-size: 27%;
    }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	html {
        font-size: 16%;
    }
}