@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300);
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,300,400italic,300italic,500,500italic,700,700italic&subset=latin,cyrillic");

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:300);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Hind:600,300);

#header-block {
	background-image: url("../images/main-pic-2.jpg");
	background-size: cover;
	-moz-background-size: cover;
 	background-position: top left;
 	height: 100vh;
 	width: 100vw;
 	background-repeat: no-repeat;
}

header h1 {
	position: absolute;
	width: 799px;
	height: 116px;
	/*left: calc(50% - 799px/2 + 0.5px);*/
	right: 15%;
	top: 83px;

	font-weight: 400;
	font-size: 48px;
	line-height: 120%;
	/* or 58px */
	text-align: right;
	color: #000000;
	text-shadow: 0px 0px 24px #FFFFFF;

}

@media (max-width: 1280px) {

	header h1 {
			font-size: 44px;
			top: 50px;
	}
	
}

@media (max-width: 992px) {

	header h1 {
			right: 5%;
			top: 30px;
			width: 80%;
	}
	
}

@media (max-width: 767px) {

	header h1 {
			font-size: 34px;
	}
	
}

@media (max-width: 640px) {

	header h1 {
			top: 20px;
	}
	
}

@media (max-width: 360px) {

	header h1 {			
			font-size: 28px;
			line-height: 100%;
	}
	
}

#header-action p {

	position: absolute;
	width: 353px;
	height: 72px;
	left: calc(50% - 353px/2 + 408.5px);
	top: 433px;

	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	/* or 38px */

	color: #000000;

}

#header-action button {

	position: absolute;
	width: 432px;
	height: 80px;
	left: 1192px;
	top: 535px;

	background: #0D6EFD;
	border-radius: 12px;

}


.navbar-brand span {
	color: #7A021E;
	font-family: "Fira Sans", Helvetica, Arial, sans-serif;
	font-style: italic;
}

.menu-text {
	color: #7A021E;
	font-size: 0.9em;
}

h1, h2 {	
	font-family: "Lobster", "Fira Sans", Helvetica, Arial, sans-serif;
}

h3, h4, h5, h6 {	
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.navbar-nav li {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.btn {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}