/* sm size */
@media only screen and (min-width: 48em) {
	.show-for-small-only{ display: none;}
	.hide-for-small-only{ display: block;}

	header{
		padding: 15px 30px;
		padding-right: 0px;
	}

	header .mobile__menu_btn {
		display: none; 
	}

	header nav {
    height: auto;
    min-height: auto;
    max-height: none;
  }

}

/* md size */
@media only screen and (min-width: 64em) {
	header nav ul.row{
		margin-left: 30px;
		margin-right: 0;
	}
}

/* lg size */
@media only screen and (min-width: 75em) {

}

/* xl size */
@media only screen and (min-width: 90em) {
	:root{
		--textSize: 20px;
	}
	body{
		line-height: 1.4;
	}
}