@import url(https://fonts.googleapis.com/css2?family=Montserrat);
 
/ * family=Archivo+Black&family=Montserrat&display=swap');  */


html {
  height: 100%;
}

BODY {
  background-color: #252525;
}

#menu {
	position:fixed; 
	width:14em;

	top:0px; 
	right:0%;
	left:0%;
	z-index:1000;

	background:#777777;
	padding-top:1px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:5px;
	}



.big { color: #ffffff; font-size: 1.6em; letter-spacing: 2px; font-weight: bold; font-family: Montserrat, 'Century Gothic', Verdana, Arial,  Sans-Serif }
.medium { color: #ffffff; font-size: 1.6em; font-family:  Montserrat, 'Century Gothic', Verdana, Arial,  Sans-Serif  }
.normal { color: #ffffff; font-size: 1em; line-height: 1.7em; font-family: Montserrat,  'Century Gothic', Verdana, Arial,  Sans-Serif  }

a { color: #ffffff; background:#777777; text-decoration: underline;}
a:visited { color: #ffffff; background:#777777; text-decoration: underline;}
a:active { color: #ffffff; background:#777777; text-decoration: underline;}
a:hover { color: #ffffff; background:#777777; text-decoration: none;}


.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}



@media only screen and (min-width: 900px){
.stext {  margin: 0% 20%; }
}



.topcontainer {
 	padding: 0% 0%;  
	overflow: hidden; 
	display: block;
}

.container {
 	padding: 2% 10%;  
	overflow: hidden; 
	display: block;
}

.bigcontainer {
 	padding: 15% 10%;  
	overflow: hidden; 
	display: block;
}




img {
	max-width: 100%;
  	height: auto;
	border: 0px;
}

.vimg {
	margin: 10px 0 ;
}

.hvimg {
	margin: 3px 3px ;
}



/***************************     Wistia responsive video 394x700 338x600   281x500  225x400   169x300  113x200   ******/

@media only screen and (min-width: 550px) {
.xvideo {
	width:500px;
	margin: 0 auto;
	border:1px solid #252525;
	border-radius: 5px;
}
}

@media only screen and (max-width: 550px){
.xvideo {
	height:100%; 
	width:100%;
	margin: 0 auto;
	border:1px solid #252525;
	border-radius: 5px;
}
}






hr.hr1 
{
border-top: 2px dashed #777777;
border-bottom: 1px solid #777777;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
color: #777777;
background-color: #777777;
height: 8px;
noshade;
}

hr.hr2
{
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
color: #777777;
background-color: #777777;
height: 2px;
noshade;
margin: 3% 3%;
}



/****************** A YouTube video  container that maintains a 16:9 aspect ratio */


.video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 ratio */
      height: 0;
      overflow: hidden;
      margin: 0 auto; /* Optional: center the video */
      max-width: 700px; /* Optional: limit max width if desired */
    }

.video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }