@charset "utf-8";

/* ============================================================================================================ */

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {
    
}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 576px) {
    html, body { font-size: 65.5%; }
}

@media screen and (max-width: 375px) {
    html, body { font-size: 62.5%; }
}

@media screen and (max-width: 360px) {
    html, body { font-size: 60.5%; }
}

@media screen and (max-width: 280px) {
    html, body { font-size: 53.5%; }
}

@media (orientation: landscape) {

}

/* @media (orientation: portrait) {
	
} */


/*  */
/* @media ( 400px < width < 100px ) {

}

@media (perfers-color-scheme: dark) {
    .foo { background-color: #333; color:#fff; }
}
.foo { color-scheme: light dark; }
.teal { background: color-mix(in lab, white 20%, #34c9eb); }

@supports (display: table-cell) and (display: list-item ) {

} */