@media (max-width: 576px) {
	h2 {
		font-size: 30px;}
	.heroe .title {
		font-size: 45px;}
	.heroe .ytplayer-container {
		left: -50%;}
	.service {
		margin-bottom: 0;
		padding: 25px 0;}
	.service .item {
		margin-bottom: 25px;}
	.page-content {
		margin-top: 0;}
	.page-content .section.bg-active {
		padding: 50px 0;}
	.page-content .section {
		padding: 50px 00;}
#front-page .main-content {
	padding: 150px 0 50px 0;}
	footer .social {
		margin-top: 10px;
		float: none !important;}
	footer *,footer .social
	{
	text-align: center !important;}
	}

@media (min-width: 577px) and (max-width: 768px) {  
.service .item {
	margin-bottom: 25px;
	height: 200px;}
	.heroe .title {
		font-size: 50px;}
footer .footer-nav li:last-child a {
	margin-right: 0;}
#front-page .main-content {
	padding: 150px 0 50px 0;}
}


@media (min-width: 769px) and (max-width: 992px) { 
.service .item {
	margin-bottom: 25px;
	}
	.heroe .title {
		font-size: 60px;}

	}

@media (min-width: 992px) and (max-width: 1200px) {

.navbar-nav li a { 
	font-size: 15px;}
 }
 
 @media (max-width: 991px) {
.heroe{
	max-height: 340px;  }
 .navbar-brand img {
	max-height: 50px;}
 .nav-container {
	position: relative;
	background-image: none !important;
	background-color: #fff;
	height: auto;
	z-index: 100;}
.navbar-light .navbar-nav .nav-link {
	color: #000;
	margin-right: 0;
	text-align: center;}
.navbar-nav li a { 
	color: #000;
	text-align: center;}
.dropdown-menu {
	background-color: transparent;}
#heroe .carousel-indicators {  
	bottom: 75px;}
.navbar-nav  li .dropdown-item { 
	color: #000;
	padding-left: 0;}
nav.navbar {
	padding-top: 0;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	border-bottom: 0;}