@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');

	@font-face {
  font-family: 'Raleway', sans-serif;
  src: url(https://fonts.googleapis.com/css2);

}



.wrapper {
	width:100%;
	height: 5%;
	background-color:#454442;
	margin:0 ;
	position: absolute;
}

.main-nav{
	margin:0 auto;
	position: relative;
	background-color:#454442;
	padding-bottom: 10px;
}
li {
	display:inline-block;

}

li a {
	padding:5px;
	display: block;
	width:100px;
}

a:link {
	color:white;
	text-align:center; 
	text-decoration:none;
	background-color:#454442;
} 
a:visited {
	background-color:#B0B0B0;
}
a:hover {
	background-color:#8C8C8C;
} 
a:active {
	background-color:#e87070;
} 

body {
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom:auto;
    margin-left: auto;
}
/*
header {
	height:80px;
	background-color:#454442;
}content
/*
.logo {
	width:163px;
	margin:0 auto;
	height:37px;
}
*/
/* nav {
	width:auto; 
	margin: auto;
	margin-bottom: 0
}




#content {
	height: 800vh;
	background-color: #DCD6D6;
}
*/
footer {
	height:66px;
	background-color:#626263;
	clear:both;
}



#myVideo {
  position:0 relative; margin: 0 auto;
	display: block;
  right: 0;
  bottom: 0;
  min-width: 95%;
  min-height: auto;
	
}


.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}


.row:after {
  content: "";
  clear: both;
  display: table;
} 

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
	margin: 0 auto;
}
.container{
	align-content:space-between;
padding-top: 5%;
}


/*------------------- Line Break -----------------*/
hr {
	border-top: 2px solid #828282;
	width: 100%;
}

.gallery {
	display: contents;
	display: inline-block;
}



#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#626263;
}