@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500&subset=latin,latin-ext);

html, body{
	background: #121212;
	background-color: #121212;
	font-family: 'Roboto', sans-serif;
}

.bglayer{
	background-image: url('/background.jpg');
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.center{
	text-align: center;
}

.color{
	color: #E1B261;
}

.keret{
    padding: 20px;
    width: 80%;
    margin: 20px auto 20px;
}

a{
	color: #fb9839;
	text-decoration: none;
}

a:hover, a:focus{
	color: #F3A62E;
	text-decoration: none;
}

.color2 a{
	color: #0171BD;
	text-decoration: none;
}

.color2 a:hover, .color2 a:focus{
	color: #014FBC;
	text-decoration: none;
}

@media screen and (max-width: 600px){
	h1{
		font-family: 'Roboto', sans-serif;
		font-size: 18pt;
		color: #b6e021;
		margin: 10px auto auto;
	}
	
	h2{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		line-height: 12pt;
		color: #A2A2A2;
		margin: 10px auto auto;
		text-transform: uppercase;
	}
	
	h2 b{
		color: #FFF;
		font-size: 11pt;
		line-height: 12pt;
	}

	h3{
		font-family: 'Roboto', sans-serif;
		font-size: 12pt;
		color: #FFF;
		margin: 10px auto auto;
	}
	
	p{
		font-size: 9pt;
		color: #464646;
		font-weight: bold;
		margin: 40px 0 0 0;
	}
	
	.img-responsive{
		max-width: 100%;
		height: auto;
		display: block;
		width: 70%;
		margin: 60px auto 20px auto;
	}
}

@media screen and (min-width: 600px){
	
	h1{
		font-family: 'Roboto', sans-serif;
		font-size: 32pt;
		color: #b6e021;
		margin: 10px auto auto;
	}
	
	h2{
		font-family: 'Roboto', sans-serif;
		font-size: 10pt;
		line-height: 12pt;
		color: #A2A2A2;
		margin: 10px auto auto;
		text-transform: uppercase;
	}
	
	h2 b{
		color: #FFF;
		font-size: 14pt;
		line-height: 18pt;
	}

	h3{
		font-family: 'Roboto', sans-serif;
		font-size: 18pt;
		color: #B1B1B1;
		margin: 10px auto auto;
	}
		
	p{
		font-size: 9pt;
		color: #464646;
		font-weight: bold;
		margin: 40px 0 0 0;
	}
	
	.img-responsive{
		max-width: 100%;
		height: auto;
		display: block;
		width: 40%;
		margin: 100px auto 35px auto;
	}
}