html {
  overflow-y: scroll; 
}
ol, ul { 
	list-style: none;
	margin: 0;
	padding: 0;
} 
content {
	background: #1a1a1a;
	display: block;
	width: 90%;
}

body {
	background: #222;
	color: #808080;
	font: "Montserrat","HelveticaNeue", "Helvetica", "Arial", sans-serif;
	padding: 0;
	-webkit-text-size-adjust: none;
    font-size: 2em !important; 
}
a {
	color: #F4F4F4;
	text-decoration: none;
}
a:hover, a:focus {
	color: #F63;
	text-decoration: none;

}

img {
	max-width: 100%;
}

a img {
	border: 0;
	outline: 0;
}

.container {
  display: flex; /* or inline-flex */
}

.menu {
	position: fixed;
	height: 60px;
	width: 100%;
    line-height:1.8em;
	top: 0;
	left: 0;
	/* border-bottom: 2px solid #eb4722; */
	background: #000;
	-moz-box-shadow: 0 7px 9px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 7px 9px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 7px 9px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	opacity:0.8;
}
.navbar-selected {
   border-bottom: 2px solid white; 
}

ul.menu{
	text-align:center;
	display:block;

}

ul.menu, ul.menu li{
	list-style:none;
	margin:0;
	padding:0;
	padding-top: 13px;
}

ul.menu li{
	display:inline;
	padding:0 12px;
	text-shadow: 1px 1px #000;
}

#banner{
/* background-image:url(../img/knightsofRen2.jpg); */
width:100%;
height:60rem;
float:left;
background-attachment: fixed;
background-position: center bottom;
}
.row {
    margin-left: auto;
    margin-right: auto;
}
.top-section{
	width: 100%;
	/* height:100rem; */
	/*margin: 55px auto 8px auto;*/
    /* background:url('../img/knightsofRen2.jpg') no-repeat center center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
@media (max-width: 660px) and (min-width: 0) { 
.top-section{
	width: 100%;
	height: 50rem;
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:44% 50%;
    /* ie8- graceful degradation */
    background-position:44% 50%\9 !important;
	background-attachment: scroll;

}
}

.header-logo{
	padding-top:10.5rem;
	text-align: center;
}
.header-logo img {
    width: 10%;
    height: 10%;
    margin-bottom: 2px;
/*box-shadow: 2px 2px 2px #888888;*/
}

.shadow {
    -webkit-filter: drop-shadow( 2px 2px 0px #1a1a1a );
            filter: drop-shadow( 2px 2px 0px #1a1a1a ); /* Same syntax as box-shadow */
}


@media (max-width: 660px) and (min-width: 0) { 
	.header-logo {
		padding-top: 3.5rem;	
	}
	.header-logo img {
		width: 33%;
		height: 33%;
		margin-bottom: 2px;
	}
	
	}


#about{
	position: relative;
	display: block;

	
}

#content{
    margin-top: 20px;    
}
#work{
	text-align: center;
	position: relative;
	display: block;	
	
}

#contact{
	text-align: center;
	position: relative;
	display: block;	
	
}

/* anoFlow Css */

.flow { 
	position:absolute; 
	margin-top:30px; 
	width:90%; 
	top:50%; 
	left:50%; 
	margin-left:-50px; 
	z-index:9999; 
	display:none; 
}

.flow div { 
	position:relative; 
}

.flow .corner { 
	width:10px; 
	height:10px; 
	position:absolute; 
	top:0px; 
	/*background:url(../img/sprite.c.png) 0 0px no-repeat;*/ 
}

.flow .top { 
	height:10px; 
	margin:0px 10px 0px 10px; 
	/*background:url(../img/sprite.y.png) 0 0 repeat-x;*/ 
}

.flow .mid { 
	/*background:url(../img/sprite.x.png) 0 0 repeat-y;*/ 
}

.flow .mid > div { 
	background:url(../img/sprite.x.png) top right repeat-y;  
	padding:0px 10px 0px 10px; 
}

.flow .mid > div > div { 
	position:relative; 
	background:#161717 url(../images/loader.gif) center center no-repeat; 
	overflow:hidden;  
	color:#868686; 
	line-height:16px; 
	font-size:12px; 
}

.flow .mid > div > div img {  
	border: 0;
	-ms-interpolation-mode: bicubic; 
	max-width: 100%;
	height: auto;
	width: auto; 
}

.flow .bot { 
	height:10px; 
	margin:0px 10px 0px 10px; /*background:url(../img/sprite.y.png) 0 -10px repeat-x;*/ 
}

.flow .bot .blc { 
	left:0px; 
	background-position:0px -10px; 
	margin-left:-10px; 
}

.flow .bot .brc { 
	left:100%;  
	background-position:-10px -10px; 
	margin-right:-10px; 
}

.flow .top .tlc { 
	left:0px; 
	background-position:0px 0px; 
	margin-left:-10px; 
}

.flow .top .trc { 
	left:100%;  
	background-position:-10px 0px; 
	margin-right:-10px; 
}

.flow .ribbon { 
	position:absolute; 
	bottom:60px; 
	left:50%; 
	margin-left:-100px; 
	width:230px; 
	height:38px; 
	z-index:9999; 
}

.flow .ribbon div { 
	padding:15px; 
	color:#818181; 
	text-shadow:#000000 -1px -1px; 
	/*font-size:11px;*/ 
	font-family:Helvetica; 
}

.flow .controls { 
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:100%; 
	height:38px; 
	z-index:9999;  
}

.flow .ui-flow-next, .flow .ui-flow-prev, .flow .ui-flow-close { 
	display:block; 
	width:78px; 
	height:112px; 
	position:absolute; 
	top:50%; 
	margin-top:-56px; 
	z-index:9999; 
	cursor:pointer; 
}

.flow .ui-flow-next { 
	background:url(../images/flow.sprite.png) -78px 0px no-repeat; 
	right:5px; 
}

.flow .ui-flow-next span { 
	position:absolute; 
	top:0px; left:0px; 
	display:block; 
	width:78px; 
	height:112px; 
	background:url(../images/flow.sprite.png) -78px -112px no-repeat;  
}

.flow .ui-flow-prev { 
	background:url(../images/flow.sprite.png) 0px 0px no-repeat; 
	left:5px; 
}

.flow .ui-flow-prev span { 
	position:absolute; 
	top:0px; 
	left:0px; 
	display:block; 
	width:78px; 
	height:112px; 
	background:url(../imgages/flow.sprite.png) 0px -112px no-repeat; 
}

.flow .ui-flow-close { 
	background:url(../images/close.png) 0 0 no-repeat; 
	width:42px; 
	height:37px; 
	right:20px; 
	top:0px;  
	margin:0px 0px 0px 0px; 
}

.portfolio{
    margin-top: 0px;
    
}
/* .grid {
			max-width: 76em;
			margin: 0 auto !important;
		}
		.grid li {
			padding: 0.25em !important;

		}
		.grid li > div {
			background: #808080;

			text-align: center;
		}
		.grid li a {
			color: #fff;
		}

		@media all and (min-width: 27em) {
			.grid li {
				width: 50%;
				float: left;
			}
		.grid .img img{
			background-size: cover;	
			background-repeat: no-repeat;		
			background-position: 50% 50%;
			overflow: hidden;
			display: block;
			top: 0px;
			left: 0px;
			z-index: 4;
			}
		
		
		}
		@media all and (min-width: 40em) {
			.grid li {
				width: 33.3333333%;
			}
			.grid li.wide {
				width: 88.666666%;
			}
		}

}		
*/