html,body { height:100%; }
body { font: 1.0rem "Open Sans","Montserrat", "Roboto",  sans-serif;  color: #656565; background-color: #ffffff; font-weight: 400; }
a { color: #e73f1b; text-decoration: none; }
a:hover { color: #656565; text-decoration: underline; }

.slider-text { background-color: #e73f1b; color: #ffffff; }
.slider-text h1 span { font-size: 3.5rem; font-weight:600; text-transform: uppercase; display:block;  }
.slider-text h1 { font-size: 2.5rem; font-weight:500; text-transform: uppercase;  }
.slider-inner-text { padding:1rem 2rem!important; }
.slider-img p { min-height: 300px; }
.slider-img { background-size: cover; }
#sect-header-top { background-color: #222e3b; color: #d3d3d3; }
#sect-header { font-size:1.2rem; color: #e73f1b; text-transform:uppercase; }
#sect-about .container { font-size: 1.5rem; background-color: #222e3b; color: #d3d3d3; }/* #0e0e0e*/
#sect-clients .container  { background-color: #f7f7f7; color: #222e3b; }/* #0e0e0e*/
#sect-gallery img { border:1px solid #dde3e6; }
.testimodiv h4 { color: #e73f1b; }
.testimodiv h4 span { font-size: 1.1rem; color: #878787; display: block; }
#sect-slider .btn-dark { background-color: #222e3b; border-color: #222e3b; }
#sect-slider .btn-outline-dark { border-color: #fefefe; background-color: #fefefe; color: #222e3b; }
.owl-nav { text-align: right; position: absolute; z-index: 99; color: #222e3b; bottom:20px; right:20px; }
.featured-carousel { position: relative; }

@import url('//fonts.googleapis.com/css2?family=Indie+Flower&family=Reenie+Beanie&display=swap');
.testimodiv p,.handrwite { font-family: 'Reenie Beanie', 'Indie Flower', cursive; font-size: 1.1rem; font-weight:200;  }

.error { padding-top:40px!important; color:red; }

#backtotopbutton { display: inline-block; background-color: #e73f1b; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: background-color .3s,  opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; text-decoration: none;}
#backtotopbutton::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#backtotopbutton:hover { cursor: pointer;  background-color: #333; text-decoration: none; }
#backtotopbutton:active { background-color: #555; }
#backtotopbutton.show { opacity: 1; visibility: visible; }

/* Very large desktops */
@media (min-width: 1400px) {
	.xxbody{ border-left:5px solid grey !important; } /*DEDUG REMOVE*/
}
/* Large desktops and laptops */
@media (min-width: 1199px) and (max-width: 1399px) {
	xxbody{ border-left:5px solid orange !important; } /*DEDUG REMOVE*/
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.xxbody{ border-left:5px solid yellow !important; } /*DEDUG REMOVE*/
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.xxbody{ border-left:5px solid green !important; } /*DEDUG REMOVE*/
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.xxbody{ border-left:5px solid blue !important; } /*DEDUG REMOVE*/
	.slider-text { padding: 0px!important; }
	.slider-inner-text { padding:1.2rem!important; }
	.slider-text h1 span { font-size: 2.0rem!important; }
	.slider-text h1 { font-size: 1.2rem!important;  }
	.gridspacer { display:none; }
	.owl-nav { top:10px; right:20px; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.xxbody{ border-left:5px solid red !important; } /*DEDUG REMOVE*/
	.slider-text { padding: 0px!important; }
	.slider-inner-text { padding:1.2rem!important; }
	.slider-text h1 span { font-size: 2.0rem!important; }
	.slider-text h1 { font-size: 1.2rem!important;  }
	.gridspacer { display:none; }
	.owl-nav { top:10px; right:20px; }
}