* { padding:0;margin:0;box-sizing:border-box;}
html,body, div.main {min-height:100vh; width: 100%;}
  body {background: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #3d3d3d;width:100%; text-shadow: 0 0 2px #8f8d8d;text-align:center;}
h1 {margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 900;text-shadow: 0 0 0px #8f8d8d;}
h2, h3 {margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: 200;text-shadow: 0 0 5px #8f8d8d;}

a {
	text-decoration:none;
	color:#3d3d3d;
	cursor:pointer;
}
a:hover {
	text-decoration: underline;
}
.anim {
	transition: all 0.5s linear 0s;
}	

/* Погнали */
div.header {
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 50px;
	background: white;
	color: #222222;
	border-bottom: 1px solid #808080;
	
    -moz-box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
    -webkit-box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
    box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
    padding: 0 10%;
    text-align: left;
}

div.content {
	min-height: calc(100vh - 50px);
	padding:70px 10% 20px 10%;
}

div.footer {
	height:50px;
	width:100%;
	border-top: 1px solid #808080;
	padding: 10px 10%;
	background: white;
    -moz-box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
    -webkit-box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
    box-shadow: 0 1px 5px 0px rgba(128, 128, 128, 0.4);
}

/* Шапка */
div.header div.logo {
	width: auto;
    height: 100%;
    display: inline-block;
    font-size: 25px;
}
div.header div.logo img {
    height: 100%;
    max-width: 95%;
}
div.header div.menu {
	width: auto;
	height:100%;
	display: inline-block;
    font-size: 16px;
    padding: 13px 0;
    float: right;
}
div.header div.checkMenu {
	display:none;
	font-size: 25px;
	position:fixed;
	top: 10px;
	right: 20px; 
	cursor: pointer;
}
div.header div.menu a.menuItem {
	padding: 4px 10px;
	display:inline-block;
	border-radius: 3px;
	margin: 0 10px;
}
div.header div.menu a.menuItem:hover {
	color:white;
	background-color: #acacac;
    -moz-box-shadow: 0 0 3px 2px rgba(128, 128, 128, 0.4);
    -webkit-box-shadow: 0 0 3px 2px rgba(128, 128, 128, 0.4);
    box-shadow: 0 0 3px 2px rgba(128, 128, 128, 0.4);
}

/* Поехали камеры на главной */
div.cams {
	font-size: 0;
}
div.cams div.cams_left {
	width: 60%;
	padding-right:2.5%;
	font-size: 15px;
	display:inline-block;
	vertical-align:top;
}
div.cams div.cams_right {
	width: 40%;
	padding-left:2.5%;
	font-size: 15px;
	display:inline-block;
	vertical-align:top;
}
div.cams div.cams_left div.player, div.cams div.cams_right div.player {
	width:100%;
}
div.cams div.cams_left div.player h2, div.cams div.cams_right div.player h2 {
	padding: 20px 0 10px 0;
}
div.cams div.cams_left div.player iframe, div.cams div.cams_right div.player iframe {
	width:100%;
	border:none;
}

/* Поехали камеры на отдельной */
div.camOnce iframe {
	width:100%;
	border:none;
	max-width:1000px;
}
div.camOnce div.video { 
	padding: 20px;
}



/* Поехали адаптив */
@media (max-width: 1024px) {
	/* На тысяче меняем расположение на главной */
	div.cams div.cams_left, div.cams div.cams_right {
		width: 100%;
	}
}
@media (max-width: 800px) {
	/* На восьмистах убираем менюшку */
	div.header div.menu {
		display:none;
	}
	div.header div.menu.visible {
		display:block;
		text-align:center;
		position:fixed;
		top: 50px;
		left:0;
		width:100vw;
		height:auto;
		background-color: white;
	}
	div.header div.menu.visible a.menuItem {
		display:block;
		width:100%;
		padding: 10px;
	}
	div.header div.menu.visible a.menuItem:hover {
		/*display:block;
		width:100%;*/
	}
	div.header div.checkMenu {
		display:block;
	}
}
/* На узких экранах шрифт поменьше включаем */
@media (max-width: 550px) {
	body { font-size: 14px;}
}
@media (max-width: 475px) {
	body { font-size: 13px;}
}