/* ===========================================================
 * Filename: responsive.css
 * Version: 0.1
 * Project:	~
 * Author: web360
 * =========================================================== */

@media screen and (max-width: 1370px){

 	.sectionTitle { font-size: 2.5em; }

}

@media screen and (max-width: 900px){

	.row { margin: 0px 0%; width: 100%;}
	.row > * { padding: 0px 0; }
	.animate-left { margin-left: 0; }
	.animate-right { margin-right: 0; }
	.span12 { /*width: 100%; min-width: 100%; max-width: 100%; height: 50vh; max-height: 50vh; min-height: 50vh;*/ }
	.overlayBlack { /*min-height: 50vh; max-height: 50vh; height: 50vh;*/ }
	#logo { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); z-index: 9; text-align: center; background-color: transparent; padding: 0;}
 	#logo img { border-radius: 50%; width: 50%;}

 	.sectionTitle { font-size: 2em; }
 	.lapidarijNav { display: none; }

 	#languages { z-index: 9; }

 	.grandNav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); z-index: 99; display: none;}
 	.lapidarijNav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); z-index: 99; display: none;}
	nav ul { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100%;}
	nav ul li { display: block; font-family: 'Audiowide', cursive; margin-bottom: 5px;}
	nav ul li a { color: #fff; font-size: 1.4em; display: block; transition: .5s all ease-in-out;}
	nav ul li a span { background-color: rgba(0,0,0,0.8); padding: 10px; display: inline-block;}
	.lapidarijNav ul li { float: none; }
	.grandNav a:hover { color: #9E403E; }
	.grandNav a.active { color: #9E403E; }
	.lapidarijNav a:hover { color: #11195E; } 
	.lapidarijNav a.active { color: #11195E; }
	.grandNav .closeNav { display: block; position: absolute; right: 10px; bottom: 10px; color: #fff; font-size: 2em; font-family: 'Audiowide', cursive; font-weight: bold; cursor: pointer;}
	.lapidarijNav .closeNav { display: block; position: absolute; right: 10px; top: 10px; color: #fff; font-size: 2em; font-family: 'Audiowide', cursive; font-weight: bold; cursor: pointer;}
	.closeNav { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none;   /* Chrome/Safari/Opera */ -khtml-user-select: none;    /* Konqueror */ -moz-user-select: none;      /* Firefox */ -ms-user-select: none;       /* Internet Explorer/Edge */ user-select: none;    }
	
	article { padding: 20px; width: calc(100% - 60px);}

	#languages { position: fixed; left: 0; background-color: #000; padding: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9;}
	#languages a { display: block;}
	#languages a img { width: 25px; height: 25px;}

	.grandTitle { cursor: pointer; }
	.lapidarijTitle { cursor: pointer; }

	.fixedLeft { position: static; top: 0; left: 0; }
	.fixedRight { position: static; top: 0; right: 0; }

	.container80 { width: 100%; }

	.res-padding-top { padding-top: 80px; }

	.responsive { display: block; }
	.noResponsive { display: none; }
}