@charset "utf-8";
/* CSS Document */

html, body {
  background-color: #fff;
  color: var(--grey);
	font-variant-ligatures: none;
	font-size: 1vw;
	position: relative;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
body, html {
    overflow-x: hidden;
}

body *{
  box-sizing: border-box;
}


body:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 5rem;
}


section {
	position: relative;
}

.middle {
	margin: 0px auto;
	width: 70rem;
  flex-wrap: wrap;
	position: relative;
}


#isMobile {
	position: absolute; width: 1px; height: 1px;
	display: none;
}

section, header, footer{
  width: 100%;
}




@media (max-width: 1600px){
  html, body { font-size: 16px; }
}

@media (max-width: 1280px){
  html, body { font-size: 1.25vw; }
}


@media (max-width: 500px){
  html, body { font-size: 3.5vw; }
	
.content {
	width: 100% !important;
}

  .middle {
  	width: 25rem !important;
  }
	
	#isMobile {
		display: block;
	}
	
	.show-desktop { display: none; }

}