@import "fonts.css";
@import "burger.css";
@import "header.css";
@import "slideshow.css";
@import "about.css";
@import "services.css";
@import "products.css";
@import "contacts.css";
@import "media.css";

/* TABLET */
@media (min-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}
	.sm-spacer0 {height: 0;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}
	.sm-block0 {display: inline-block; width: 0;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}
	.md-spacer0 {height: 0;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}
	.md-block0 {display: inline-block; width: 0;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}
	.lg-spacer0 {height: 0;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}
	.lg-block0 {display: inline-block; width: 0;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 767px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}
	.xs-spacer0 {height: 0;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}
	.xs-block0 {display: inline-block; width: 0;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

html,
body {
	position: relative;
	font-family: 'Montserrat', sans-serif;
}

section {
	outline: 0;
}

a,
button {
	transition: all ease 500ms;
	text-decoration: none;
}

a:hover,
a:focus,
a:visited {
	transition: all ease 500ms;
	text-decoration: none;
}

img {
	max-width: 100%;
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

h1 {
	font-weight: 700;
}

.critec-logo {
	width: 75px;
	margin-top: 5px;
}

.white {
	color: #FFF;
}

.whiteB {
	background-color: #FFF;
}

.red {
	color: #EC6154;
}

.redB {
	background-color: #EC6154;
}

.brown {
	color: #7A4C36;
}

.brownB {
	background-color: #7A4C36;
}

.mixed {
	color: #00C0C2;
}

.mixedB {
	background-color: #00C0C2;
}

.green {
	color: #7BC043;
}

.greenB {
	background-color: #7BC043;
}

.blue {
	color: #439ACF;
}

.blueB {
	background-color: #439ACF;
}

.darkblueB {
	background-color: #3C94C9;
}

.milk {
	background-color: #FCFCFC;
}

.cat-title {
	color: #439ACF;
	font-weight: 900;
	font-size: 48px;
	margin-top: 5px;
	text-transform: uppercase;
}

.btn-bio-success {
	background-color: transparent;
	border: 0;
	outline: 0;
	color: #fff;
	font-weight: 700;
}

.btn-bio-success:hover,
.btn-bio-success:focus {
	background-color: #fff;
	color: #439ACF;
}