@media only screen
and (max-width : 1500px) {

/*--------------font-sizes-------------------*/
.header_text .title h2 {
	font-size: 42px;
}
.header_text .title h3 {
	font-size: 24px;
}
.header_text .button {
	font-size: 20px;
}
.footer .tagline {
	font-size: 24px;
}

}

@media only screen
and (max-width : 1200px) {

/*--------------font-sizes-------------------*/
body {
	font-size: 16px;
}
h1 { font-size: 42px; letter-spacing: -.08rem; }
h2 { font-size: 34px; letter-spacing: -.08rem; }
h3 { font-size: 30px; letter-spacing: -.05rem; }
h4 { font-size: 26px; letter-spacing: 0; }
h5 { font-size: 22px; letter-spacing: 0; }
h6 { font-size: 20px; letter-spacing: 0; }
.button {
	font-size: 14px;
}
.header_text .title h2 {
	font-size: 38px;
}
.header_text .title h3 {
	font-size: 22px;
}
.header_text .button {
	font-size: 20px;
}
.footer .tagline {
	font-size: 22px;
}

/*--------------padding----------------------*/
.row > div:first-child {
	padding-left: 50px;
}
.row > div:last-child {
	padding-right: 50px;
}
.text_box {
	padding: 50px;
}
.text_box_yellow .four:first-child, .text_box_yellow .three:first-child {
	margin-left: 50px;
}
.text_box_yellow .four:last-child, .text_box_yellow .three:last-child {
	margin-right: 50px;
}
.picture_box {
	padding: 50px 0px;
}
.picture_box img {
	margin-top: 50px;
}
#logo {
	left: 50px;
}
.header_text {
	/**padding-left: 50px;*/
	padding-right: 50px;
}
.menu {
	height: 100px;
	padding: 0px 50px;
}
.menu a {
    margin-left: 20px;
}
.menubuttons .lang {
    margin-left: 10px;
    padding-left: 10px;
}
.dropdown {
	margin-left: 20px;
}
.dropdown-content {
	/*margin-left: -40px!important;*/
}
.dropdown-content a {
	margin-left: 0px;
}
.filter {
    padding: 6px 22px;
}
.padding_all {
    padding: 50px;
}
.padding_top {
    padding-top: 50px;
}
.padding_bottom {
    padding-bottom: 50px;
}
.padding_vertical {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padding_left {
    padding-left: 50px;
}
.padding_right {
    padding-right: 50px;
}
.padding_horizontal {
    padding-left: 50px;
    padding-right: 50px;
}
.spacer {
	height: 50px!important
}
.blog_container {
	padding: 50px;
}
.blog_post {
	margin-bottom: 20px;
}
.blog_content {
	margin-bottom: 20px;
}
.blog_header {
    height: 180px;
}
.blog_title {
    padding: 30px;
}
.projects_container {
	padding: 0px 50px;
}
.projects_post {
	margin-bottom: 50px;
}
.products_content .description {
	min-height: auto;
}
.products_content .description i {
	font-size: 28px;
	position: static;
	margin-left: 0px;
	margin-right: 10px;
	padding-bottom: 5px;
}
.filters {
	padding: 0px 50px;
	margin-bottom: 50px;
}
.footer {
	padding: 80px 50px;
}

}

@media only screen
and (max-width : 992px) {
.mobile_reverse {
	flex-direction: column-reverse!important;
}
#logo a {
	width: 40px;
	height: 40px;
}
.footer .tagline img {
    height: 50px;
    width: 50px;
    margin-right: 20px;
}
.header_text {
    flex-direction: column;
}
.row {
    flex-direction: column;
}
.header_image {
    flex-direction: row;
}
.ten, .nine .eight, .six, .four, .three, .two {
	width: 100%;
}
.caroussel {
    margin: 40px 0px;
}
.products_content .products_header {
	height: 500px;
}
.products_content .description {
	padding-left: 20px!important;
}
.products_content .description i {
	font-size: 24px;
}
.products_content .nine {
	padding-left: 20px!important;
}

/*--------------font-sizes-------------------*/
body {
	font-size: 14px;
}
h1 { font-size: 38px; letter-spacing: -.08rem; }
h2 { font-size: 30px; letter-spacing: -.08rem; }
h3 { font-size: 26px; letter-spacing: -.05rem; }
h4 { font-size: 24px; letter-spacing: 0; }
h5 { font-size: 20px; letter-spacing: 0; }
h6 { font-size: 18px; letter-spacing: 0; }
.button {
	font-size: 12px;
}
.header_text .six {
	height: auto;
	padding: 20px 0px;
}
.header_text > div:first-child {
	padding-left: 0px!important;
}
.header_text .six {
    width: 100%;
}
.header_text .button {
    margin: 0px;
    margin-top: 15px;
}
.header_text .title h2 {
	font-size: 34px;
}
.header_text .title h3 {
	font-size: 20px;
}
.header_text .button {
	font-size: 16px;
}
.header_text .tagline {
	text-align: left;
}
.footer .tagline {
	font-size: 20px;
}
.footer .socials a {
    font-size: 32px;
    margin-right: 15px;
}
.footer .address {
	border-left: none;
	padding-left: 0px;
	margin-top: 20px;
}
.footer .socials {
	border-left: none;
	padding-left: 0px;
	margin-top: 20px;
}

/*--------------padding----------------------*/
p, ul, form {
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
}
.row > div:first-child {
	padding-left: 20px;
}
.row > div:last-child {
	padding-right: 20px;
}
.text_box {
	padding: 40px!important;
}
.picture_box {
	padding: 0px 20px;
}
.picture_box img {
	margin-bottom: 20px;
}
#logo {
	left: 20px;
}
.menu {
	height: 80px;
	padding: 0px;
}
.menu a {
    margin-left: 20px;
}
.menubuttons .lang {
    margin-left: 10px;
    padding-left: 10px;
}
.dropdown-content {
	margin-left: -40px!important;
}
.header_text {
	padding: 20px;
}
.padding_all {
    padding: 20px;
}
.padding_top {
    padding-top: 20px;
}
.padding_bottom {
    padding-bottom: 20px;
}
.padding_vertical {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding_left {
    padding-left: 20px;
}
.padding_right {
    padding-right: 20px;
}
.padding_horizontal {
    padding-left: 20px;
    padding-right: 20px;
}
.spacer {
	height: 20px!important
}
.blog_container {
	padding: 20px;
}
.blog_post {
	margin-bottom: 20px;
}
.blog_content {
	margin-bottom: 20px;
}
.blog_header {
    height: 180px;
}
.blog_title {
    padding: 20px;
}
.projects_container {
	padding: 0px 20px;
}
.projects_post {
	margin-bottom: 20px;
    height: 300px;
}
.filters {
	padding: 0px 20px;
	margin-bottom: 20px;
}
.filter {
    padding: 4px 18px;
}
.footer {
	padding: 40px 20px;
}
.footer p {
	margin-bottom: 10px;
}
.text_box_yellow {
	padding-bottom: 40px;
    flex-direction: row!important;
}
.text_box_yellow .six {
	width: 45%;
	margin-bottom: 20px;
}
.text_box_yellow .six:first-child {
	margin-left: 20px;
	margin-right: 5%;
}
.text_box_yellow .six:last-child {
	margin-left: 5%;
	margin-right: 20px;
}
.text_box_yellow .four, .text_box_yellow .three {
	margin-bottom: 20px;
}
.text_box_yellow .four:first-child , .text_box_yellow .three:first-child{
	margin-left: 20px;
}
.text_box_yellow .four:last-child, .text_box_yellow .three:last-child {
	margin-right: 20px;
}
.yellow {
    padding: 20px !important;
}
.yellow {
    img {
        width: 40%;
        margin-top: -20px;
        margin-left: -20px;
        margin-bottom: 20px;
    }
}

/*--------------menu-------------------*/
.menu {
	display: block;
	padding: 0px;
}
.menubuttons a, .menubuttons .dropdown .dropbtn {
	display: none!important;
	padding: 10px 20px;
}
/*.topnav a:not(:first-child), .dropdown .dropbtn {
	display: none;
}*/
.menubuttons a.hamburger {
	float: right;
	display: block!important;
	padding: 18px 20px;
	transition: none;
}
.menu .responsive {
	position: relative;
	width: 100%;
	padding-top: 80px;
}
.menu .responsive .hamburger {
	position: absolute;
	right: 20px;
	top: 8px;
}
.menu .responsive a {
	float: none;
	display: block!important;
	text-align: left;
}
.menu .responsive .dropdown {float: none;}
.menu .responsive .dropdown-content {position: relative;}
.menu .responsive .dropdown .dropbtn {
	display: block!important;
	width: 100%;
	text-align: left;
}
.dropdown-content a {
	margin-left: 40px;
}
.hamburger {
	font-size: 22px;
}
.green .menubuttons {
	background-color: #9EC1B6;
}
.beige .menubuttons  {
	background-color: #DBE0CB;
}
.taupe .menubuttons {
	background-color: #8B8B82;
}
.green .lang {
	color: #FFFFFF;
}
.responsive a, .responsive .dropdown .dropbtn {
	padding: 10px 0px!important;
}
.responsive .dropdown-content {
	padding-left: 20px !important;
	margin-left: -40px !important;
}
}

@media only screen
and (max-width : 768px) {

/*--------------font-sizes-------------------*/
body {
	font-size: 12px;
}
h1 { font-size: 32px; letter-spacing: -.08rem; }
h2 { font-size: 26px; letter-spacing: -.08rem; }
h3 { font-size: 20px; letter-spacing: -.05rem; }
h4 { font-size: 18px; letter-spacing: 0; }
h5 { font-size: 16px; letter-spacing: 0; }
h6 { font-size: 14px; letter-spacing: 0; }
.button {
	font-size: 12px;
}
.header_text .title h2 {
	font-size: 32px;
}
.header_text .title h3 {
	font-size: 18px;
}
.header_text .button {
	font-size: 14px;
}
.footer .tagline {
	font-size: 18px;
}
.footer .socials a {
    font-size: 28px;
}
.footer .tagline img {
	height: 40px;
	width: 40px;
}
.products_content .products_header {
	height: 300px;
}

/*--------------padding----------------------*/
p, ul, form {
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}
.filter:first-child {
    margin-left: 0px;
}
.filter {
    padding: 2px 5px;
	display: block;
	margin-top: 5px;
}
.projects_container {
    display: flex;
    flex-direction: column;
}
.projects_post {
    width: 100%;
    padding: 20px;
    height: 250px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
.projects_content {
	opacity: 1;
}
.blog_container {
    display: flex;
    flex-direction: column;
}
.blog_post {
    width: 100%;
    padding: 0px;
    height: auto;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
.blog_title {
	padding-top: 20px;
}
.text_box_yellow {
	padding-bottom: 0px;
    flex-direction: column!important;
	padding: 0px 20px;
}
.text_box_yellow .six {
	width: 100%;
	margin-bottom: 20px;
}
.text_box_yellow .six:first-child {
	margin-left: 0px;
	margin-right: 0px;
}
.text_box_yellow .six:last-child {
	margin-left: 0px;
	margin-right: 0px;
}
.text_box_yellow .four, .text_box_yellow .three {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
.text_box_yellow .four:first-child, .text_box_yellow .three:first-child {
	margin-right: 0px;
	margin-left: 0px;
}
.text_box_yellow .four:last-child, .text_box_yellow .three:last-child {
	margin-right: 0px;
	margin-left: 0px;
}
.yellow {
    padding: 20px !important;
}
.yellow {
    img {
        width: 30%;
    }
}
.button {
    padding: 5px 10px;
    font-size: 12px;
	margin-top: 5px;
	display: inline-block;
}

}