* {
	font-family: var(--font-main);
    color: var(--color-text);
    box-sizing: border-box;
}


body{
	background-color: var(--color-bg); 
}

.wrapper{
	background-color: var(--color-bg); 
	
	max-width: 1366px;
	margin: auto;
}
.header{
	background-color: var(--color-bg); 
}
.main{
	background-color: var(--color-bg); 
	
	width: 80%;
}
.aside{
	background-color: var(--color-bg); 
}

.aside-1{
	background-color: var(--color-bg); 
}

.aside-2{
	background-color: var(--color-bg); 
}

.jblock{
	background-color: var(--color-bg); 
}
.flex-item{

}

.footer{
	color: var(--color-bg);
	background-color: var(--color-light);
	padding: 2em; 
}
.footer .contact-item{
	color: var(--color-bg);
}
.footer .contact-label{
	color: var(--color-bg);
	font-weight: bold;
}
.navigation{

}

.navigation a {
	display: block;
	color: var(--color-light);
}

.navigation a:hover {
	background: var(--color-light);
	color: var(--color-heading);
	text-decoration: underline;
}

img{
	width: 100%;
	border: 2px solid var(--color-light);
}

.text-1{
	font-family:var(--font-heading);
	font-size:200%;color:var(--color-heading);
	border-bottom:8px solid var(--color-border);
	margin-bottom: .5em;
	/* -webkit-text-stroke: 1px var(--color-light); */
}

.text-2{
	font-family:var(--font-main);
	font-size: 120%;
}

.text-3{
	font-family:var(--font-main);
	font-size:80%;
}
.text-4{
	background-color: var(--color-heading);
	color: var(--color-bg);

	padding: 1em;
	margin-top: .5em;
}
.block{
	margin-bottom: 1em;
}
.w-bg-img *{
	color: var(--color-bg);
}

.slogan-div img{
	border: none;
}
.slogan{
	color: var(--color-bg);
	-webkit-text-stroke: 1px var(--color-heading); 
}
.sub-slogan{
	background-color: var(--color-bg);
	padding: 1em;
	border-radius: 8px;
}
.section-style{
	padding: 0;
	margin-bottom: 1em;
}

.action-call{
	background-color: var(--color-heading);
	color: var(--color-bg);
}
.action-call a{
	color: var(--colog-bg);
	text-decoration: none;
}
.heading{
	font-family: var(--font-heading);
	-webkit-text-stroke: 1px var(--color-heading); 
	margin-top: 1em;
	margin-bottom: 1em;

	background-color: var(--color-border);
	color: var(--color-bg);
	border-radius: 10px;
}
.sub-heading{
	color: var(--color-link);
}

.block-heading{
	background-color: var(--color-heading);
	color: white;
	font-size: 110%;
	text-align: center;
	place-self: center;
	margin-top: 2em;
    margin-bottom: 1em;
    padding: .5em;
}
.rec-list{
    display: grid;
}
.block-heading .rec-list{ 
    border: 1px solid maroon;
}
.rec-list a{
    padding: .4em;
    border: 1px solid gray;
    margin-bottom: .5em;
}
.rec-list a:hover{
    color: var(--color-light);
    background-color: var(--color-gray);
}
.page-heading{
	font-family: var(--font-heading);
	color: var(--color-heading);
	font-size: 220%;
	margin-bottom: 1em;
	text-align: center;
}
.caption{
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.combi-A-001-text-1{
	font-size: 300%;
}
.combi-B-002-text-1 {
	border: 2px solid maroon;
	font-size: 120%;
}

.block-11 .text-5, .block-11 .text-7, .block-11 .text-9{
	text-align: center;
	font-size: 140%;
	font-family: var(--font-sub-heading);
	border-top: 8px solid var(--color-border);
	margin-bottom: .2em;
}
.block-11 img{
	border-radius: 4px;
}
.block-11 .text-6, .block-11 .text-8, .block-11 .text-10{
	text-align: center;
    border-bottom: 2px solid var(--color-border);
}
.branch-div .name-branch,
.feature-div .desc-feature{
	font-size: 200%;
	border-bottom: 4px solid var(--color-border);	
	margin-bottom: 1em;
}
.cat-serv-div .desc-cat-serv{
	border-bottom: 4px solid var(--color-border);	
}
.desc-cat-blog{
	font-family: var(--font-sub-heading);
	color: var(--color-heading);
	padding-bottom: .5em;
	border-radius: 4px;
}
.desc-cat-blog a{
	font-family: var(--font-sub-heading);
	font-size: 100%;
	color: var(--color-link);
}
.desc-serv{
	font-family: var(--font-sub-heading);
	color: var(--color-heading);
	padding-top: .5em;
	border-radius: 4px;
}
.faq-div .faq-question{
	font-size: 200%;
	border-left: 10px solid var(--color-border);	
	padding-left: .4em;
}
.job-post-div{
	display: grid;
	grid-gap: 1em;
}

.contact-header{
	color: var(--font-heading);
}
.contact-text{
	background-color: var(--color-light);
	border-radius: 2px;
	padding: .2em;
}

.blog-home .col-1 .title-blog{
	background-color: var(--color-light);	
}
.blog-home .blog-list{
	text-align: left;
	font-size: 120%;
}

.block-11{
	display: grid;
	align-items: start;
	justify-items: start;
}
.caption{
	font-size: 120%;
	color: var(--color-heading);
}
.map-caption{
	text-align: center;
	font-size: 120%;
	color: var(--color-link);
}
img{
	margin-bottom: 1em;
}

.form-contact{
	width: 80%;
	margin: auto;
}

.scenario .text-4{
	color: var(--color-bg);
}

@media (max-width: 800px) {

}