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


:root{
  --bg: #161618;
  --text: #ffffff;
  --muted: rgba(255,255,255,.72);
  --muted2: rgba(255,255,255,.55);
  --stroke: rgba(255,255,255,.10);
  --accent: #c27517;
  --card: rgba(0,0,0,.35);
  --card2: rgba(0,0,0,.22);
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

*{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
}

.logo_header{
 margin: 30px auto;
  text-align: center;
  width: 100%;
  margin: 40 auto;
  float: left;
  text-align: center;
}

.logo_header img{
width: 250px;
  height: auto;
  margin: 90px 0 0 0;
}

.body_text{
margin: 30px auto 0 auto;
  text-align: center;
  float: left;
  width: 100%;
	}

.body_text h3{
font-size: 1em;
  width: 100%;
  text-align: center;
  float: left;
	}	



/*@media (min-width: 768px) and (max-width: 1001px) {*/
@media screen and (max-device-width : 1001px) {
.logo_header{
margin: 30px auto;
text-align: center;
}

.logo_header img{
width: 85%;
  height: auto;
  margin: 90px 0 0 0;
}

.body_text{
margin: 30px auto 0 auto;
  text-align: center;
  float: left;
	}

.body_text h3{
font-size: 2em;
  width: 100%;
  text-align: center;
  float: left;
	}	
}