/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 15 2017 | 08:23:58 */
/* Add your CSS code here.
                     
For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* CSS Document */
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

.white, .white a {
  color: #fff;
}
.white {
  color: #fff;
}
.body {
  font-family:times new roman;
}
.wrapper {
	margin-left: 50px;
	}
.nav-side {
	position:fixed;
	right:0;
	top:0;
	height:100%;
	width:100%;
	max-width:450px;
	background-color: rgba(54, 69, 79, 0.8);
	box-sizing:border-box;
	padding: 20px;
	color:white;
	margin-right: -450px;
	transition: margin 200ms ease-in-out;
  z-index:2
	}
.nav-sides {
	position:fixed;
	right:0;
	top:0;
	height:100%;
	width:100%;
	max-width:450px;
	background-color: rgba(54, 69, 79, 0.8);
	box-sizing:border-box;
	padding: 20px;
	color:white;
	margin-right: -450px;
	transition: margin 200ms ease-in-out;
  z-index:3
	}
.nav-sidess {
	position:fixed;
	right:0;
	top:0;
	height:100%;
	width:100%;
	max-width:450px;
	background-color: rgba(54, 69, 79, 0.8);
	box-sizing:border-box;
	padding: 20px;
	color:white;
	margin-right: -450px;
	transition: margin 200ms ease-in-out;
  z-index:4
	}
.nav-side.nav-open {
	margin-right:0;
	box-shadow: 1px 1xp 3px rgba(0,0,0,.1);
  z-index:2
	}
.nav-sides.nav-opens {
	margin-right:0;
	box-shadow: 1px 1xp 3px rgba(0,0,0,.1);
  z-index:2
	}
.nav-sidess.nav-openss {
	margin-right:0;
	box-shadow: 1px 1xp 3px rgba(0,0,0,.1);
  z-index:2
	}
.nav-toggle { /*The litle rectangle on the right*/
	position:absolute;
	right:450px;
	top:0px;
	width: 40px;
	height: 40px;	
	background-color: rgba(54, 69, 79, 0.8);
	line-height:40px;
	text-decoration: none;
	text-align:center;
	border-bottom-right-radius: 5px;
	box-shadow: 2px 0 4px rgba(0,0,0,.3);
  z-index:3
}
.nav-toggles { /*The litle rectangle on the right*/
	position:fixed;
	right:0px;
	top:40px;
	width: 40px;
	height: 40px;	
	background-color: rgba(54, 69, 79, 0.8);
	line-height:40px;
	text-decoration: none;
	text-align:center;
	border-bottom-right-radius: 5px;
	box-shadow: 2px 0 4px rgba(0,0,0,.3);
}
.nav-toggless { /*The litle rectangle on the right*/
	position:absolute;
	right:450px;
	top:120px;
	width: 40px;
	height: 40px;	
	background-color: rgba(54, 69, 79, 0.8);
	line-height:40px;
	text-decoration: none;
	text-align:center;
	border-bottom-right-radius: 5px;
	box-shadow: 2px 0 4px rgba(0,0,0,.3);
   z-index: 3;
}
.nav-toggle:hover {
  background-color: rgba(0,0,0,0.5);
  z-index:2;
}
.nav-toggles:hover {
  background-color: rgba(0,0,0,0.5);
  z-index:2;
}
.nav-toggless:hover {
  background-color: rgba(0,0,0,0.5);
  z-index:2;
}
.nav-toggle:before {
font-size: 20px;
  text-align:center
	font-weight:600;
	color:white;
  border: 1px white;
  z-index:6;
	}
.nav-toggles:before {
   font-family: 'FontAwesome';
	content:"\f1fe";
    font-size: 15px;
  text-align:center
	font-weight:600;
	color:white;
	}
.nav-toggless:before {
	content:"Social";
    font-size: 8px;
  text-align:center
	font-weight:600;
	color:white;
	}
.nav-side.nav-open .nav-toggle:before{
  content:"X";
   font-size: 20px;
  text-align:center; 
	}
.nav-sides.nav-opens .nav-toggles:before{
	content:"X";
   font-size: 20px;
  text-align:center; 
	}
.nav-sidess.nav-openss .nav-toggless:before{
	content:"X";
   font-size: 20px;
  text-align:center; 
	}
.subNav {
  width:600px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:60px;
  background:#ACACAC;
  box-shadow:0 .5px 3px black;
  z-index:4
}