h1 {
	font-size: 4.25rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffd200;
	text-shadow: 0 1px 2px black;
}

h2 {
	text-transform: uppercase;
	font-size: 3rem; font-weight: 500; color: white; text-shadow: 0 1px 2px black;
	color: #ffc107;
}

#header-contacts { text-align: right; }

/* Пункты меню */
.nav-link{ opacity: 0.85; font-weight: 500; color: white!important; }
.nav-link:hover { opacity: 1; }

.light {transition: 0.5s;}
.light:hover { /* Подсветка иконок основных видов работ */
	cursor: pointer;
	opacity: 0.85;
	box-shadow: 0 0 25px 0 white;
}

.card { /* Картинки портфолио */
	transition: .35s;
	top: 0;
}

/*** MAIN ***/
#main {
	background: url(img/main-bg.jpg) center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	border-bottom: 15px solid rgb(25,25,25);
}

#main > div {
	padding-top: 175px;
	padding-bottom: 150px;
	color: white;	
}

#main h2 { color: white; }

#service {
	color: orange;
}

#service .card:hover{ /* Картинки портфолио при наведении курсора*/
	box-shadow: 0 0 15px 0 rgb(175,175,175);
	top: -5px!important;
}

/*** Price ***/
#price {
	background: rgba(0,0,0,0.5);
	padding-top: 100px;
	padding-bottom: 50px;
	font-weight: 300;
	font-size: 1.25rem;
}

#accordion { background: rgba(0,0,0,0.5); }

#price button {
	color: white;
	font-size: 1.35rem;
	border: none;
}

.table td { border-color: rgb(75,75,75); }

#price .card {
	color: white;
	font-size: 1.25rem;
	border: none;
	background: none;
}

#price .card-header {
	padding: 0 0 0 7px;
	border: none;
}

#price .card-body {
	padding-top: 0;
	font-weight: 300;
	color: rgb(235,235,235);
	border: none;
}

.col-md-4 a div:hover {opacity: 0.75}

/*** More portfolio ***/
#more-portfolio {
	
}

/*** About ***/
#about {
	background: url(img/service-bg.jpg) center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	color: white;
	text-align: right;
	font-size: 1.25rem;
	font-weight: 300;
	border-bottom: 15px solid rgb(25,25,25);
	border-top: 15px solid rgb(25,25,25);
}

#about div {

}

/*** Process ***/
#process {
	color: white;
}

/*** Contacts ***/
#contacts {
	border-top: 15px solid rgb(25,25,25);
	background: url(img/service-bg.jpg) center;
	background-size: cover;
}

#contacts form {
	background: rgba(0,0,0,0.5);
	max-width: 445px;
	border-radius: 5px;
	text-align: center;
	margin: auto; padding:
	15px 10px 10px 10px;
}

/*** Footer ***/
#footer {
	background: rgba(0,0,0,0.75);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: rgba(255,255,255,0.75);"
}

#background-msg { /* Затемненный задний фон для сообщения об упешной отправки данных */
	background: black; /* Цвет фона */
	z-index: 3; /* Накладываем фон сверху обычного экрана */
	position: fixed; /* Привязываем фон к точкам указанными свойствами top, right, bottom, left */
	top: 0; /* Начать окно сверху */
	right: 0; /* Начать окно справа */
	bottom: 0; /* Начать окно снизу */
	left: 0; /* Начать окно слева */
	opacity: 0.9; } /* Прозрачность фона 50% */
	

#background-msg2 { /* Затемненный задний фон для сообщения об упешной отправки данных */
	background: rgba(0,0,0,0.85); /* Цвет фона */
	z-index: 3; /* Накладываем фон сверху обычного экрана */
	position: static; /* Привязываем фон к точкам указанными свойствами top, right, bottom, left */
	top: 0; /* Начать окно сверху */
	right: 0; /* Начать окно справа */
	bottom: 0; /* Начать окно снизу */
	left: 0; /* Начать окно слева */
	display: none; } /* Прозрачность фона 50% */
	
#message { /* Сообщение об успешной отправке данных */
	z-index: 3; /* Отображаем блок поверх обложки */
	max-width: 450px; /* Ширина блока */
	position: fixed; /* Фиксируем блок поверх подложки */
	top: 45%; /* Отступ сверху */
	left: 0%; /* Отступ слева */
	right: 0%; /* Отступ справа */
	text-align: center;
	font-size: 130%;
	color: white;
	margin: auto;} /* Центрируем текст по ширине блока */
	
#contacts a img:hover {opacity: 0.75;}

.hidden{
	opacity: 0;
}
.visible{
	opacity: 1;
}

@media screen and (max-width: 1199px) {
	nav li { margin-left: 25px; }
	#menu { background: rgba(25,25,25,0.9) !important; box-shadow: 0 0 3px 0 black !important }
	#header-contacts {margin-left: 25px; text-align: left; }
	.my_slider img {top: 0%; height: 100%;}
	.center {text-align: center !important;}
}

@media screen and (max-width: 991px) {
	#men { right: -750px!important; }
	#men2 { left: -350px!important; }
}

@media screen and (max-width: 767px) {
	#main > div { padding-top: 25px; padding-bottom: 25px; }
	#men { display: none; }
	#men2 { display: none; }
	#about > div { text-align: left!important; }
}

@media screen and (max-width: 575px) {
	.navbar-brand {font-size: 1rem !important;}
	#nbb-mini {font-size: 0.85rem !important;}
	#main {padding-top: 75px!important; padding-bottom: 25px !important;}
	.my_slider img {left: -500px; min-width: 100%; width: auto;}
	.navbar-brand {font-size: 0.85rem !important;}
	h1 {font-size: 1.6rem!important;}
	h2 {font-size: 1.2rem!important;}
	#action { text-align: center!important; }
	#action p { font-size: 1rem!important; }
	#price button { font-size: 1rem; }
	#price .card { font-size: 1rem; }
	#menu-name1 {font-size: 1rem!important; position: relative; top: 5px;}
	#menu-name2 {font-size: .75rem!important;  position: relative; top: 5px;}
}