:root {
	--userfont: roboto-st, sans-serif;
}
body {
	background-color: #F1EFF0;
	font-family: var(--userfont);
}
a {
	color: #000;
}
a:hover {
	color: #000;
}
.bg_header {
	background-color: #000;
}
.header_title {
	padding: 15px;
	height: 100px;
	text-align: center;
	color: #fff;
}
.header_title_su {
	width: 100%;
}
.icon_red {
	color:red;
}
.body_phone {
	font-size:1.4rem;
	line-height:1.4;
	font-weight: 600;
}
.body_phone a {
	color: #fff;
	text-decoration: underline;
}
.body_phone a:hover {
	text-decoration: none;
}
.bg_header_bottom {
	background-image: url('../upload/image/design/default/bg_center_header.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 30vh;
	background-size: cover;
}
.body_navbar {
	padding-top: 12vh;
	
}
.solid_b_red {
	border-bottom: 3px #B31D1F solid;
	z-index: 999
}
.text_main {
	padding: 30px;
}
footer a {
	color: #fff;
}
.bg_footer {
	background-color: #B7B7B7;
	padding: 15px;
}
.title_footer {
	padding: 15px;
}
.body_simple {
	padding: 15px;
}
.list-group-item.active {
	background-color: #B31D1F;
	border-color: #B31D1F;
}

@media (min-width: 769px) {
    .bg_header_bottom {
        height: 60vh;
    }
    .bg-light {
    	background: none !important;
    }
    .navbar-brand {
    	color: #fff !important;
    }
    .nav-link {
    	color: #fff !important;
    }
}
@media (max-width: 767px) {
    .dev {
    	    font-size: .8em;
 			padding-top: 1em;
    }
}