/* 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;
    margin-top: 0px;
  	padding-top: 7px;
  }

  header nav ul li{
  	width: auto;
  	margin-right: 20px;
	}

}

/* 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;
	}
}