@font-face {
		  font-family: 'Muller';
		  src: url('../fonts/MullerExtraBold.eot');
		  src: url('../fonts/MullerExtraBold.eot?#iefix') format('embedded-opentype'),
		       url('../fonts/MullerExtraBold.ttf') format('truetype'),
		       url('../fonts/MullerExtraBold.woff') format('woff');
		  font-weight: normal;
		  font-style: normal;
		}

		@font-face {
		  font-family: 'ScriptStream';
		  src: url('../fonts/ScriptStream.eot');
		  src: url('../fonts/ScriptStream.eot?#iefix') format('embedded-opentype'),
		       url('../fonts/ScriptStream.ttf') format('truetype'),
		       url('../fonts/ScriptStream.woff') format('woff');
		  font-weight: normal;
		  font-style: normal;
		}


		@font-face {
		  font-family: 'EngineRegular';
		  src: url('../fonts/Engine-Regular.eot');
		  src: url('../fonts/Engine-Regular.eot?#iefix') format('embedded-opentype'),
		       url('../fonts/Engine-Regular.ttf') format('truetype'),
		       url('../fonts/Engine-Regular.woff') format('woff');
		  font-weight: normal;
		  font-style: normal;
		}


		*{
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}
		body{
			overflow: hidden;
			text-align: center;
			background-color: black;
		}
		#container{
			display: none;
			background-image: url('../images/bg.jpg');
			background-size: cover;
			background-position: center center;
			
		}


		header{
			display: none;
			width: 100%;
			
			justify-content: space-between;
			align-items: center;
			flex-flow: column;
			position: absolute;
			top: 0px;
			height: 210px;
			padding:34px; 
			/*-webkit-filter: grayscale(1);*/
		}
		footer{
			display: none;
			width: 100%;
			justify-content: flex-end;
			align-items: center;
			flex-flow: column;
			position: absolute;
			bottom: 0px;
			height: 210px;
			padding:34px; 
			-webkit-filter: grayscale(1);
		}
		#header_title{
			font-family: "Muller", sans-serif;
			font-size: 7vh;
			color: white;
			font-weight: bold;
			letter-spacing: 3px;
		}
		#header_sub1{
			font-family: "ScriptStream", sans-serif;
			font-size: 3.5vh;
			color: white;
		}
		#header_sub2{
			font-family: "EngineRegular";
			font-size: 3.5vh;
			color: white;
			text-transform: uppercase;
			line-height: 1.5;
		} 

		.sharebtn{
			padding-bottom: 20px;
			margin-top: -20px;
		}
		.sharebtn a{
			display: inline-block;
		    vertical-align: top;
		    text-decoration: none;
		    white-space: nowrap;
		}
		.sharebtn ul{
			display: inline-block;
		    vertical-align: top;
		    list-style-type: none;
		    line-height: normal;
		}

		.sharebtn li{
			display: inline-block;
    		vertical-align: top;
    		margin: 5px 4px 5px 0;
		}
		.share_cont{
			display: inline-block;
		    vertical-align: top;
		    border-radius: 2px;
		    color: #fff;
		    overflow: hidden;
		    position: relative;
		    background-color: #6c6c6c;
		}

		.vk .share_icon{
			display: inline-block;
    		vertical-align: top;
			height: 24px;
    		width: 24px;
    		background: url('../images/vk_icon.svg');
    	}

    	.fb .share_icon{
			display: inline-block;
    		vertical-align: top;
			height: 24px;
    		width: 24px;
    		background: url('../images/fb_icon.svg');
    	}

    	.tw .share_icon{
			display: inline-block;
    		vertical-align: top;
			height: 24px;
    		width: 24px;
    		background: url('../images/tw_icon.svg');
    	}

		.share_counter{
			font-family: Arial, sans;
			font-size: 12px;
		    line-height: 24px;
		    padding: 0 8px;
		}
		/*
		.ya-share2{
			padding-bottom: 20px;
			margin-top: -20px;
		}
		*/
		#footer_txt{
			font-family: "EngineRegular";
			font-size: 3.5vh;
			color: white;
			text-transform: uppercase;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		a{
			color: inherit;
			text-decoration: none;
		}
		input[type=text] {
			  padding-left:10px;
			  padding-bottom: 5px;
			  border-radius: 5px;
			  border: 0;
			  width:240px;
			  font-family: "EngineRegular";
			  font-size: 25px;
			  outline: none;
			  transition: opacity 0.3s;
			  margin-right: 5px;
		}
		input[type=submit] {
			  -webkit-appearance: none;
              border-radius: 0;
			  padding-bottom: 7px;
			  border-radius: 5px;
			  border: 0;
			  width:112px;
			  font-family: "EngineRegular";
			  font-size: 25px;
			  color: white;
			  background-color: black;
			  outline: none;
			  cursor: pointer;
			  transition: opacity 0.3s;
			  margin-left: 5px;

		}


		input:hover{
			opacity: 0.8;

		}
		form{
			
			margin-bottom: 20px;
			z-index: 1000;
		}
@media only screen and (max-width: 800px) {


	header{

			padding:15px; 
			height: 120px;
	}
	footer{
			
			padding:15px; 

	}

	#header_title{

			font-size: 30px;

	}

	#header_sub1{

			font-size: 16px;
			padding-bottom: 5px;
	} 
	#header_sub2{

			font-size: 18px;
	} 

	#footer_txt{

			font-size: 18px;
	}

	input[type=text] {
			width:160px;
			font-size: 18px;

	}
	input[type=submit] {
			width:90px;
			font-size: 18px;


	}
	.sharebtn{
			padding-bottom: 20px;
			margin-top: 0px;
	}

}