@media only screen and (max-width: 1335px) {
	
	h1, .h1_size h2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}
	h2 {
		font-size: 30px;
		line-height: 40px;
	}
	
	#cards .rs-column {
		margin-right: 1.7%;
	}
	.rs-column.-large-col-4-1 {
		width: 48%;
	}
}


@media only screen and (max-width: 1080px) {
	
	#header {
		width: 100vw;
		height: 70px;
		position: fixed;
		display: block;
		top: 0px;
		background: #ffffff;
	}
	#header .logo a {
		width: 115px;
		height: 70px;
	}

	.mobile_menu_icon {
		display: block;
		position: fixed !important;
		top: 50px !important;
		left: calc(100% - 120px)
	}
	
	#header .mod_navigation, #header .mod_customnav, #header_small .mod_customnav {
		display: none;
	}
	
	#hero,
	#hero .responsive-background-image {
		*min-height: 600px;
		*max-height: 600px
	}
	
	#hero .textblock .textcontainer {
		*height: 400px !important;
		*width: 200px !important;
	}
	

}

@media only screen and (max-width: 768px) {
	
	.noheader #main {
		padding-top: 80px;
	}
	.mobile_content {
		display: block !important;
	}
	.desktop_content {
		display: none !important;
	}
	
	.mobile_menu,
	.mobile_menu_overlay.background	{
		margin-top: 70px !important;
		top: 0px;
	}
	.fullwidth,
	#container .mod_article .maxwidth	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.noheader .mod_article {
		width: auto !important;
		max-width: 100% !important;
	}
	.mobile_menu_icon {
		left: initial !important;
		right: 20px !important;
	}
	
	#topbar {
		display: none;
	}
	
	.mobile_menu_icon {
		top:30px !important
	}
	
	#header,
	.noheader #header	{
		height: 45px;
	}
	
	#header .inside {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#header .logo,
	.noheader #header .logo	{
		padding-top: 10px !important;
	}
	
	#header .logo a,
	.noheader #header .logo a	{
		width: 100px !important;
	}
	
	#hero {
		margin-top: 40px;
		height: 60vh;
	}
	
	#hero,
	#hero .responsive-background-image {
		height: 60vh;
		min-height: 60vh;
	}
	
	#hero .textblock .inside {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#hero h1, #hero p:nth-child(1) {
		font-size: 21px !important;
		line-height: 25px !important;
	}
	
	#hero,
	p.boxclaim {
		font-size: 15px;
		line-height: 20px;
	}
	
	#hero .textblock {
		bottom: 10%;
		width: calc(100% - 60px) !important;
		left: 10px !important;
		padding: 20px 20px 5px 20px;
		
	}
	
	h1, 
	.h1_size h2,
	.noheader h1	{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.noheader h2 {
		font-size: 25px !important;
		line-height: 35px !important;
	}
	h3 {
		font-size: 21px;
		line-height: 30px;
	}
	
	
	.padding_bottom_75,
	.padding_bottom_50 {
		padding-bottom: 0px !important;
	}
	
	.padding_top_50 {
		padding-top: 0px !important;
	}
	
	.rs-column.-large-col-4-1 {
		width: auto;
	}

	#cards .rs-column {
		margin-right: 0px !important;
	}
	
	.rs-column.-medium-first-row {
		margin-top: 0px !important;
	}
	
	.mod_article:last-of-type {
		padding-bottom: 30px !important;
	}
	
	.ce_textimageblock {
		flex-direction: column;
	}
	.ce_textimageblock .imageblock {
		order: 1;
		width: 100%;
		height: 50%;
	}
	.ce_textimageblock .textblock {
		order: 2;
		width: 100%;
	}
	.image_container.float_right {
		padding-left: 0px !important;
		padding-bottom: 30px !important;
	}
	
	.image_container.float_above {
		padding-top: 30px !important;;
	} 
	
	#footer {
		height: auto;
	}
	
	#footer .inside {
		padding-left: 30px;
		padding-right: 30px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	#footer ul {
		margin-top: 0px;
	}
	
}
@media only screen and (max-width: 768px) {
	.mobile_menu, .mobile_menu_overlay.background {
		width: 100vw !important;
	}
}