.thank{
	background-color:#f8e71c;
	margin-top: 30px;
}
.thank .col-banner-description h2{
	color: #000;
}
.thank .col-banner-description h2::first-letter{
	color: #000;
}
.container-header{
	background: url("/image/banner_clean.jpg") no-repeat;
	background-size: cover;
}
.col-logo{
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.col-logo img{
	max-height: 100px;
}
.col-description{
	margin-left: 15px;
	margin-top: 50px;
}
.col-description span{
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
.col-header-phone{
	text-align: right;
	margin-top: 50px;
}
.col-header-phone a{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.col-header-btn{
	text-align: right;
	margin-top: 45px;
}
.callout-btn{
	background: #f8e71c;
	color: #111;
	font-size: 20px;
  	font-weight: bold;
	padding: 5px 40px;
}
.col-banner-description{
	margin-top: 170px;
	margin-bottom: 100px;
}
.col-banner-description h2{
	font-size: 81px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 110px;
}
.col-banner-description h2::first-letter{
	color: #f8e71c;
}
.col-callout-banner{
	text-align: center;
	margin-bottom: 75px;
}
/* услуги */
.col-service{
	background: #f0f3f6;
  	border-radius: 30px;
  	overflow: hidden;
  	box-shadow: 0 0 2px #888;
  	padding-bottom: 15px;
	text-align: center;
	margin-top: 50px;
}
.col-service h3{
	font-size: 34px;
	margin-top: 15px;
}
.col-service p{
	font-size: 18px;
	margin: 15px 5px;
}
/* конец услуги */
.container-hepl{
	text-align: center;
	margin-top: 50px;
  	margin-bottom: 50px;
}
/* цены */
.container-price{
	background-color:#f8e71c;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.table-price{
	width: 50%;
  	margin: auto;
	border-color: #5b5b5b;
}
.p-descr-price{
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 30px;
}
.container-price a{
	text-decoration: none;
  	color: #1c1c1c;
  	font-weight: bold;
}
/* конец цены */

/* преимущества */
.preimywestva{

}
.h2_preimywestva{
	text-align: center;
	margin-top: 50px;
  	margin-bottom: 25px;
}
.col-item-preim{
	text-align: center;
}
.col-item-preim img{
	height: 60px;
}
/* конец преимущества */
.xotiteyznatbolshe{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size:30px;
	text-align:center;
}
.need-hepl{
	margin-bottom: 30px;
}
.remont_gryz_spectex{
	background-color:#f8e71c;
	padding-top: 50px;
	padding-bottom: 50px;
}
.footer{
	background: #f8e71c;
}
.col-footer-logo img{
	height: 100px;
}
.col-footer-phone{
	text-align: center;
	margin-top: 35px;
}
.bg-light{
	background: #f8e71c !important;
	margin-top: 23px;
}
.fa-phone-volume{
	color: #1c1c1c;
}
.col-footer-phone a{
	color: #1c1c1c;
	text-decoration: none;
	font-weight: bold;
  	font-size: 22px;
}
.justify-content-center{
	justify-content: end !important;
}

.modal-header {
	background-color: #f8e71c;
}
.modal-title{
	font-size: 20px;
  	text-align: center;
  margin-right: 15px;
  text-transform: uppercase;
}
.close{
	border: 0px;
  	padding: 0px;
}
.close span{
	font-size: 18px;
  	color: #111;
  	background: #fff;
  	border: 0px;
  	padding: 5px 10px;
  	border-radius: 5px;
}
.callout-btn2{
	background: #f8e71c;
}
.form-control{
	margin-bottom: 10px;
}
@media (min-width: 0px) and (max-width:320px) {
	.col-logo {
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 0px;
		width: 20%;
	}
	.col-description {
		margin-left: 5%;
		margin-top: 13px;
		width: 75%;
		float: left;
		text-align: center;
	}
	.col-description span {
		font-size: 20px;
	}
	.col-header-phone {
		text-align: center;
		margin-top: 10px;
	}
	.col-header-phone a {
		font-size: 30px;
	}
	.col-banner-description {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.col-banner-description h2{
		font-size: 26px;
		line-height: 45px;
	}
	.col-service h3 {
		font-size: 26px;
	}
	.col-footer-logo img {
		height: auto;
	}
	.col-footer-phone {
		margin-top: 10px;
	}
}
@media (min-width: 320px) and (max-width:576px) {
	.col-logo {
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 0px;
		width: 15%;
	}
	.col-description {
		margin-left: 5%;
		margin-top: 13px;
		width: 75%;
		float: left;
		text-align: center;
	}
	.col-description span {
		font-size: 20px;
	}
	.col-header-btn {
		text-align: center;
	}
	.col-header-phone {
		text-align: center;
		margin-top: 10px;
	}
	.col-header-phone a {
		font-size: 30px;
	}
	.col-banner-description {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.col-banner-description h2{
		font-size: 26px;
		line-height: 45px;
	}
	.col-service h3 {
		font-size: 26px;
	}
	.col-footer-logo img {
		height: auto;
	}
	.col-footer-phone {
		margin-top: 10px;
	}
}
@media (min-width: 576px) and (max-width:768px) {
	.col-logo {
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-right: 0px;
		width: 20%;
	}
	.col-description {
		margin-left: 5%;
		margin-top: 13px;
		width: 75%;
		float: left;
		text-align: center;
	}
	.col-header-phone {
		margin-top: 15px;
	}
	.col-header-btn {
		text-align: center;
		margin-top: 20px;
	}
	.col-banner-description {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.col-banner-description h2 {
		font-size: 28px;
		line-height: 32px;
	}
	.col-service h3 {
		font-size: 20px;
		font-weight: bold;
	}
	.table-price {
		width: 90%;
	}
}

@media (min-width: 768px) and (max-width:992px) {
	.col-description {
		margin-top: 40px;
	}
	.callout-btn {
		padding: 5px 30px;
	}
	.col-header-btn {
		margin-top: 33px;
	}
	.col-description span {
		font-size: 18px;
	}
	.col-header-phone a {
		font-size: 18px;
	}
	.callout-btn {
		font-size: 18px;
	}
	.col-banner-description {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.col-banner-description h2 {
		font-size: 40px;		
		line-height: 50px;
	}
	.col-service h3 {
		font-size: 27px;
	}
	.col-service p {
		font-size: 17px;
	}
	.table-price {
		width: 90%;
	}
}

@media (min-width: 992px) and (max-width:1200px) {
	.col-description span {
		font-size: 19px;
	}
	.col-header-btn {
		margin-top: 49px;
	}
	.callout-btn {		
		font-size: 18px;		
		padding: 5px 25px;
	}
	.col-banner-description {
		margin-top: 70px;
		margin-bottom: 35px;
	}
	.col-banner-description h2 {
		font-size: 46px;
		line-height: 50px;
	}
	.table-price {
		width: 75%;
	}
}

@media (min-width: 1200px) and (max-width:1400px) {
	.col-banner-description {
		margin-top: 60px;
		margin-bottom: 40px;
	}
	.col-banner-description h2 {
		font-size: 60px;
		line-height: 75px;
	}
}

@media (min-width:1400px) and (max-width:9999px) {

}