html, body {
	height: 100%;
	width: 100%;
	min-height: 600px;
	background-color: #353637 !important;
	color: #fff !important;
	background-image: url(images/foto.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: top !important;
	background-size: cover !important;
	font-size: 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
}

.logo {
	text-shadow: 0px 3px 20px rgba(0, 0, 0, 0.63);
}

a:link {
	color: #fff !important;
	text-decoration: underline !important;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

a:visited {
	color: #ccc !important;
	text-decoration: none;
}

a:hover {
	color: #ccc !important;
	text-decoration: none;
}

#small-text:hover {
	opacity: 0.6 !important;
	text-decoration: none;
}

.mail_icon {
	padding-left: 20px;
	font-size: 35px;
}

.small-text {
	font-size: 18px;
	font-weight: 700;
}

.header_part {
	padding: 55px !important;
}

.container-fluid {
	position: relative;
	height: 100%;
	margin: 0 !important;
}

::selection {
	background: #386195; /* WebKit/Blink Browsers */
}

::-moz-selection {
	background: #386195; /* Gecko Browsers */
}

.bar {
    bottom: 10%;
    position: absolute;
    width: 100%;
}

.box1 {
	padding-top: 25px;
	color: #386195;
	height: 85px;
	font-size: 20px;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.8);
}

.box2 {
	padding-top: 8px;
	background-color: #386195;
	color: #fff;
	height: 85px;
	border-right: thin solid #eee;
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
}

.box2:hover, .box4:hover {
	opacity: 0.9 !important;
	background-color: #24456d;
}

.box4 {
	padding-top: 20px;
	background-color: #386195;
	color: #fff;
	height: 85px;
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
}

@media only screen and (max-width: 1400px) {
	.bar {

	}
}

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

	.header_part {
		padding: 20px !important;
	}

	.box1 {
		padding-top: 30px;
		font-size: 18px;
	}

	.box2 {
		padding-top: 14px;
	}

	.box4 {
		padding-top: 22px;
	}

	.bar {
		
	}

	html, body {
		font-size: 40px !important;
	}

	.mail_icon {
		font-size: 39px;
	}

}

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

	.empty {
		display: none;
	}

	.logo {
		text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.90);
	}

	.header_part {
		padding: 10px !important;
	}

	.box1 {
		padding-top: 25px;
		opacity: 0;
	}

	.box2 {
		padding-top: 22px;
	}

	.box4 {
		padding-top: 21px;
	}

	html, body {
		font-size: 36px !important;
		line-height: 35px !important;
	}

	.holder {
		font-size: 38px;
		position: relative;
	}

	.bar {
		
	}

	.small-text {
		display: none;
	}

}

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

	.box2 {
		padding-top: 22px;
	}

	.box4 {
		padding-top: 27px;
	}

	.bar {
		
	}

}

@media only screen and (max-width: 400px) {
	.bar {

	}

}

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

	.bar {

	}

	.box2 {
		padding-top: 24px;
	}

	.box4 {
		padding-top: 32px;
	}

}