/*RESPONCIVE*/

@media only screen and (min-width: 1921px) and (max-width: 2560px){ 
	.page-wrapper {
		width: 100%;
		padding: 0 120px 120px 120px;
	}
	header{
		height: 160px;
	}
	
	header .nav-container {
		padding: 30px 80px 0 80px;
	}
	.logo{
		width: 100px;
		height:  auto;
	}
	
	header.smaller .nav {
		width: 95%;
	}
	.overlay-hugeinc{
		display:none;
	}
    .overlay-close{
		display:none;
	}
	
	.nav-container {
    	padding: 20px 60px 0 60px;
	}
	
	.nav li {
		line-height: 65px;
	}
	.headbox-3 .two-images{
		max-height: 1030px;
	}
	.one-vertical .col-1{
		max-height: 1036px;
	}
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6{
		max-height: 460px;
	}
	.left-block {
		left: 400px;
	}
	.right-block {
		right: 400px;
	}
}

@media only screen and (min-width: 1521px) and (max-width: 1600px){ 
	
	.page-wrapper {
		width: 100%;
		padding: 0 60px 60px 60px;
	}
	
	header{
		height: 100px;
	}
	
	header.smaller .nav-container {
		padding: 15px 60px 0 60px;
	}
	
	header.smaller .nav {
		width: 95%;
	}
	.overlay-hugeinc{
		
		display:none;
	}
    .overlay-close{
		display:none;
	}
	
	.nav-container {
    	padding: 20px 60px 0 60px;
	}
	
	.nav li {
		line-height: 65px;
	}
	
	.nav li a{
		font-size: 12px;
	}
	
	.slider, .about-container{
		padding-top: 120px;
	}
	.six-photos .thumbnail{
		height: 280px;
	}
	.one-vertical .col-1{
		max-height: 593px;
		overflow: hidden;
	}
	.one-photo .col-1 {
		max-height: 600px;
		overflow: hidden;
	}
	.three-photos{
		max-height: 260px;
		overflow: hidden;
	}
	.four-photos{
		max-height: 290px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		max-height: 420px;
	}
	.headbox-3 .two-images{
		max-height: 586px;
	}
	.about-container .text p{
		font-size: 14px;
	}
	.three-squared{
		max-height: 390px;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1520px){
	
	header{
		height: 100px;
	}
	.nav-container {
		padding: 22px 80px 0 80px;
	}
	.nav li{
		line-height: 65px;
	}
	
	.nav li a{
		font-size: 13px;
	}
	
	.six-photos .thumbnail{
		height: 280px;
	}
	.one-photo .col-1{
		max-height: 567px;
		overflow: hidden;
	}
	.three-photos{
		max-height: 256px;
		overflow: hidden;
	}
	.four-photos{
		max-height: 280px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		max-height: 420px;
	}
	.headbox-3 .two-images{
		max-height: 568px;
	}
	.about-container .text p{
		font-size: 14px;
	}
	.three-squared{
		max-height: 390px;
	}
	.slider {
    padding-top: 130px;
	}
	.about-container{
	padding-top: 100px;
	}
	.left-block {
    left: 100px;
	width: 360px;
	}
	.right-block{
	right: 100px;
	width: 600px;
	}	
}

@media only screen and (min-width: 1366px) and (max-width: 1439px){
	
	header{
		height: 100px;
		
	}
	.nav-container {
		padding: 22px 80px 0 80px;
	}
	.nav li{
		line-height: 65px;
	}
	.nav li a{
		font-size: 13px;
	}
	.slider {
    	padding-top: 120px;
	}
	.six-photos .thumbnail{
		height: 280px;
	}
	.one-vertical .col-1{
		max-height: 540px;
		overflow: hidden;
	}
	.three-photos{
		max-height: 256px;
		overflow: hidden;
	}
	.four-photos{
		max-height: 280px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		max-height: 420px;
	}
	.headbox-3 .two-images{
		max-height: 535px;
	}
	.about-container .text p{
		font-size: 14px;
	}
	.three-squared{
		max-height: 390px;
	}
	.about-container{
	padding-top: 100px;
	}
	.left-block {
    left: 100px;
	width: 360px;
	}
	.right-block{
	right: 100px;
	width: 400px;
		top: 40%;
	}
	.right-block .img-container-small {
	float: none;
    margin-right: 40px;
	margin-bottom: 30px;
}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1365px){ 
	
	.page-wrapper {
		width: 100%;
		padding: 0 39px 40px 39px;
	}
	.intro{
		height:100vh;
		position: relative;
	}
	header{
		height: 100px;
	}
	
	header .logo{
		width: 6%;
	}
	
	header .nav{
		width: 94%;
	}
	
	header.smaller .nav-container {
		padding: 15px 40px 0 40px;
	}
	
	header.smaller .nav {
		width: 94%;
	}
	.overlay-hugeinc{
		
		display:none;
	}
	.overlay ul li a{
		font-size:120%;
		
	}
    .overlay-close{
		display:none;
	}
	.nav-container {
    	padding: 20px 40px 0 40px;
	}
	
	.nav li {
		line-height: 65px;
	}
	
	.nav li a{
		font-size: 13px;
	}
	
	.slider, .about-container{
		padding-top: 100px;
	}
	
	.six-photos .col-3, .six-photos .col-6, .two-rows .col-2, .two-rows .col-4, .two-rows .col-6, .one-vertical, .three-photos .col-3, .four-photos .col-4, .headbox-3 .large-img, .three-squared .col-2, .three-squared .col-3, .headbox-4 .one-wide .col-3, .headbox-5 .two-items, .headbox-5 .one-wide .col-2, .grid .right-column, .grid .centar-column{
		padding-left: 5px;
	}
	.six-photos .col-2, .six-photos .col-5, .three-photos .col-2, .four-photos .col-2, .four-photos .col-3, .three-squared .col-1, .three-squared .col-2  {
		padding-left: 5px;
		padding-right: 5px;
	}
	.six-photos .col-1, .six-photos .col-4, .three-photos .col-1, .two-rows .col-1, .two-rows .col-3, .two-rows .col-5, .four-photos .col-1, .headbox-3 .two-images, .headbox-1 .two-rows{
		padding-right: 5px;
	}

	.headbox-1, .headbox-2, .three-photos, .four-rows, .headbox-3,.three-squared, .headbox-4, .headbox-5, .full-width, .six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6, .two-rows .col-1, .two-rows .col-2, .two-rows .col-3, .two-rows .col-4, .headbox-4 .one-wide .col-1, .headbox-4 .three-wide .col-1, .headbox-4 .three-wide .col-2, .headbox-5 .two-items .col-1, .grid .column .col-1, .grid .column .col-2, .grid .column .col-3, .grid .column .col-4, .grid .column .col-5{
		margin-bottom: 10px;
	}
	
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3 {
		padding-right: 10px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4 {
		max-height: 320px;
	}
	.headbox-3 .two-images .col-1 {
		padding-bottom: 10px;
	}
	
	.one-vertical .col-2 {
		margin-top: 10px;
	}
	
	.headbox-4 .one-wide {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.headbox-4 .three-wide{
		width: 100%;
		padding-left: 0;
	}
	.headbox-5 .one-wide .col-3{
		padding-top: 10px;
	}
	.one-vertical .col-1{
		max-height: 550px;
	}
	
	.about-container .img-container {
    	width: 60%;
	}
	.one-photo .col-1 {
		max-height: 416px;
	}
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6{
		max-height: 190px;
	}
	.three-squared{
		max-height: 300px;
	}
	.four-photos{
		max-height: 226px;
	}
	.three-photos{
		max-height: 200px;
		overflow: hidden;
	}
	.headbox-3 .two-images{
		max-height: 411px;
	}
		.left-block {
    left: 50px;
	width: 360px;
	}
	.right-block{
	right: 50px;
	width: 400px;
		top: 40%;
	}
	.right-block .img-container-small {
	float: none;
	margin-bottom: 20px;
}
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.page-wrapper {
		width: 100%;
		padding: 0 40px 40px 40px;
	}
	.intro{
		height:100vh;
		position: relative;
	}
	header{
		height: 100px;
	}
	
	.grid a {
		display: block;
		width: 99%;
		height: auto;
	}
	
	header .logo{
		width: 60px;
	}
	
	header .nav{
		width: 100%;
	}
	
	header.smaller .nav-container {
		padding: 15px 40px 0 40px;
	}
	
	header.smaller .nav {
		width: 90%;
	}
	
	.overlay-close{
		display:block;
	}
	.overlay ul li a{
		font-size:36px;
		
	}
	 #trigger-overlay{
		 display:block;
	 }
	 .overlay-hugeinc{
		
		display:block;
	}
	#nav{
		display:none;
	}
	.menu{
		margin-top: 20px;
	}
	
	.overlay ul li{
		height: calc(100% / 5);
	}
	
	.nav-container {
    	padding: 20px 40px 0 40px;
	}
	
	.nav li {
		line-height: 65px;
	}
	
	.slider{
		padding-top: 120px;
	}	
	
		.footer-logo{
		padding-bottom: 40px;
	}
	
		
	.six-photos .col-1, .six-photos .col-4, .two-rows, .two-rows .col-1, .two-rows .col-3, .two-rows .col-5, .three-photos .col-1, .four-photos .col-1, .headbox-3 .two-images, .three-squared .col-1, .three-squared .col-2, .headbox-4 .one-wide .col-2, .headbox-5 .one-wide, .headbox-5 .one-wide .col-1, .grid .left-column, .grid .centar-column, .headbox-4 .one-wide {
		padding-right: 5px;
	}
	.six-photos .col-3, .six-photos .col-6, .two-rows .col-2, .two-rows .col-4, .two-rows .col-6, .one-vertical, .three-photos .col-3, .four-photos .col-4, .headbox-3 .large-img, .three-squared .col-2, .three-squared .col-3, .headbox-4 .one-wide .col-3, .headbox-5 .two-items, .headbox-5 .one-wide .col-2, .grid .right-column, .grid .centar-column, .headbox-4 .three-wide{
		padding-left: 5px;
	}
	.six-photos .col-2, .six-photos .col-5, .three-photos .col-2, .four-photos .col-2, .four-photos .col-3, .three-squared .col-1, .three-squared .col-2  {
		padding-left: 5px;
		padding-right: 5px;
	}
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6, .two-rows .col-1, .two-rows .col-2, .two-rows .col-3, .two-rows .col-4, .headbox-4 .one-wide .col-1, .headbox-4 .three-wide .col-1, .headbox-4 .three-wide .col-2, .headbox-5 .two-items .col-1, .grid .column .col-1, .grid .column .col-2, .grid .column .col-3, .grid .column .col-4, .grid .column .col-5, .four-rows, .three-photos, .headbox-3, .headbox-1, .headbox-2, .three-squared, .headbox-4, .headbox-5, .full-width{
		margin-bottom: 10px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		max-height: 220px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3{
		padding-right: 10px;
	}
	.headbox-3 .two-images{
		max-height:297px;
	}
	.headbox-3 .two-images .col-1{
		padding-bottom: 10px;
	}
	.one-vertical .col-2{
		margin-top: 10px;
	}
	
	.footer-logo img{
		width: 60px;
		margin-bottom: 30px;
	}
	.one-vertical .col-1{
		max-height: 400px;
	}
	.about-container{
		padding-top: 100px;
	}
	.about-container .img-container {
    	width: 100%;
	}
	.left-block {
		top: 30%;
		left: 25%;
		width: 50%;
	}
	.right-block {
		position: absolute;
		top: 55%;
		right: 10%;
		width: 80%;
	}
	.right-block .img-container-small {
		float: left;
		margin-right: 40px;
	}
	.one-photo .col-1 {
		max-height: 302px;
	}
	.four-photos{
		max-height: 160px;
	}
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6{
		max-height: 140px;
	}
	.three-squared{
		max-height: 220px;
	}
	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px){

.page-wrapper {
		width: 100%;
		padding: 0 20px 20px 20px;
	}
	.intro{
		/*height:50vh;
		position: relative;*/
		display: none;
	}
	header, header.smaller {
		height: 80px;
	}
	
	header .logo{
		width: 50px;
		height: auto;
	}
	
	header .nav{
		width: 100%;
	}
	
	.nav-container, header.smaller .nav-container {
		padding: 15px 20px 0 20px;
	}
	
	header.smaller .nav {
		width: 90%;
	}
	.nav-container .menu{
		margin-top: 15px;
	}
	.overlay-close{
		display:block;
	}
	.overlay ul li a{
		font-size:100%;
		
	}
	 #trigger-overlay{
		 display:block;
	 }
	 .overlay-hugeinc{
		
		display:block;
	}
	#nav{
		display:none;
	}
	.nav li {
		line-height: 65px;
	}
	
	.slider{
		padding-top: 120px;
	}
	
	.arrow{
		left:45%;
	}
	
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.two-rows{
		width: 100%;
		padding-right: 0;
	}
	.two-rows .col-1, .two-rows .col-2, .two-rows .col-3, .two-rows .col-4, .two-rows .col-5, .two-rows .col-6{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.one-vertical{
		width: 100%;
		padding-left: 0;
	}
	.one-vertical .col-2{
		margin-top: 10px;
	}
	.headbox-1, .headbox-2, .three-photos, .four-rows, .headbox-3, .headbox-4, .headbox-5, .full-width {
		margin-bottom: 10px;
	}
	.three-photos .col-1, .three-photos .col-2, .three-photos .col-3, .four-photos .col-1, .four-photos .col-2, .four-photos .col-3, .four-photos .col-4{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.three-photos{
		margin-bottom: 0;
	}
	
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		width: 50%;
		max-height: 200px;
	}
	.four-rows .col-1, .four-rows .col-3{
		padding-right: 5px;
		padding-left: 0;
	}
	.four-rows .col-2, .four-rows .col-4{
		padding-left: 5px;
		padding-right: 0;
	}
	.four-rows .col-1, .four-rows .col-2{
		margin-bottom: 10px;
	}
	.headbox-3 .two-images, .headbox-4 .one-wide{
		width: 100%;
		padding-right: 0;
	}

	.headbox-3 .two-images .col-1{
		padding-bottom: 10px;
	}
	
	.headbox-3 .large-img{
		padding-left: 0;
		width: 100%;
	}
	
	.three-squared .col-1, .three-squared .col-2, .three-squared .col-3{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	
	.three-squared{
		margin-bottom: 0;
	}
	
	.headbox-4 .one-wide .col-1{
		margin-bottom: 10px;
	}
	
	.headbox-4 .one-wide .col-2, .headbox-4 .one-wide .col-3{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.headbox-4 .three-wide, .headbox-5 .one-wide, .headbox-5 .two-items{
		width: 100%;
		padding: 0;
	}
	.headbox-4 .three-wide .col-1, .headbox-4 .three-wide .col-2, .headbox-5 .two-items .col-1{
		margin-bottom: 10px;
	}
	.headbox-5 .one-wide .col-1, .headbox-5 .one-wide .col-2, .headbox-5 .one-wide .col-3{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.grid .left-column, .grid .centar-column, .grid .right-column{
		width: 100%;
		padding: 0;
	}
	.grid .column .col-1, .grid .column .col-2, .grid .column .col-3, .grid .column .col-4, .grid .column .col-5{
		margin-bottom: 10px;
	}
	
	.about-container .img-container {
    	width: 100%;
	}
	.about-container .text{
		position: initial;
		margin-top: 40px;
		width: 70%;
		padding-left: 0;
	}
	
	.footer-logo{
		padding-bottom: 20px;
	}
	
	.footer-logo img{
		width: 60px;
		margin-bottom: 20px;
	}
		.icons-box{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.icons-box{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.icons-box li{
		float: left;
		padding: 0 10px;
		width: 33.33%;
		margin-bottom: 20px;
	}

	.icons-box li img{
		height: 48px;
		width: auto;
		margin-bottom: 0;
	}

}
@media only screen and (min-width: 320px)  and (max-width: 479px){

	.page-wrapper {
		width: 100%;
		padding: 0 20px 40px 20px;
	}
	.grid {
    	margin-top: 90px;
	}
	.intro{
		/*height:50vh;
		position: relative;*/
		display: none;
	}
	header, header.smaller {
		height: 80px;
	}
	
	header .logo{
		width: 50px;
		height: auto;
	}
	
	header .nav{
		width: 100%;
	}
	
	header.smaller .nav-container {
		padding: 15px 20px 0 20px;
	}
	
	header.smaller .nav {
		width: 90%;
	}
	.nav-container .menu{
		margin-top: 15px;
	}
	.overlay-close{
		display:block;
	}
	 #trigger-overlay{
		 display:block;
	 }
	 .overlay-hugeinc{
		
		display:block;
	}
	.overlay ul li a{
		font-size:36px;
		
	}
	#nav{
		display:none;
	}
	
	.nav-container {
    	padding: 15px 20px 0 20px;
	}
	
	.nav li {
		line-height: 65px;
	}
	
	.slider{
		padding-top: 120px;
	}
	
	.arrow{
		left:45%;
	}
	
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.two-rows{
		width: 100%;
		padding-right: 0;
	}
	.two-rows .col-1, .two-rows .col-2, .two-rows .col-3, .two-rows .col-4, .two-rows .col-5, .two-rows .col-6{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.one-vertical{
		width: 100%;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.one-vertical .col-2{
		margin-top: 10px;
	}
	.headbox-1, .headbox-2, .three-photos, .four-rows, .headbox-3, .headbox-4, .headbox-5, .full-width {
		margin-bottom: 10px;
	}
	.three-photos .col-1, .three-photos .col-2, .three-photos .col-3, .four-photos .col-1, .four-photos .col-2, .four-photos .col-3, .four-photos .col-4{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	.three-photos{
		margin-bottom: 0;
	}
	
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		width: 50%;
		max-height: 200px !important;
	}
	.four-rows .col-1, .four-rows .col-3{
		padding-right: 5px;
		padding-left: 0;
	}
	.four-rows .col-2, .four-rows .col-4{
		padding-left: 5px;
		padding-right: 0;
	}
	.four-rows .col-1, .four-rows .col-2{
		margin-bottom: 10px;
	}
	.headbox-3 .two-images, .headbox-4 .one-wide{
		width: 100%;
		padding-right: 0;
	}

	.headbox-3 .two-images .col-1{
		padding-bottom: 10px;
	}
	
	.headbox-3 .large-img{
		padding-left: 0;
		width: 100%;
	}
	
	.three-squared .col-1, .three-squared .col-2, .three-squared .col-3{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}
	
	.three-squared{
		margin-bottom: 0;
	}
	
	.headbox-4 .one-wide .col-1{
		margin-bottom: 10px;
	}
	
	.headbox-4 .one-wide .col-2, .headbox-4 .one-wide .col-3{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.headbox-4 .three-wide, .headbox-5 .one-wide, .headbox-5 .two-items{
		width: 100%;
		padding: 0;
	}
	.headbox-4 .three-wide .col-1, .headbox-4 .three-wide .col-2, .headbox-5 .two-items .col-1{
		margin-bottom: 10px;
	}
	.headbox-5 .one-wide .col-1, .headbox-5 .one-wide .col-2, .headbox-5 .one-wide .col-3{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.grid .left-column, .grid .centar-column, .grid .right-column{
		width: 100%;
		padding: 0;
	}
	.grid .column .col-1, .grid .column .col-2, .grid .column .col-3, .grid .column .col-4, .grid .column .col-5{
		margin-bottom: 10px;
	}
	
	.about-container{
		padding-top: 80px;
	}
	
	.about-container .img-container {
    	width: 100%;
	}
	.right-block {
		position: initial;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.right-block .img-container-small {
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	.left-block {
		position: absolute;
		top: 25%;
		width: 90%;
		left: 5%;
	}
	.left-block .content {
		text-align: center;
	}
	.left-block .content .name img {
		float: none; 
		margin-top: 0;
		margin-bottom: 15px;
	}
	.left-block .content .name h3 {
		float: none;
	}
	.right-block p {
		text-align: center;
	}
	
	.footer-logo{
		padding-bottom: 20px;
	}
	
	.footer-logo img{
		width: 40px;
		margin-bottom: 20px;
	}
	.icons-box{
		width: 234px;
		margin: 0 auto;
		margin-bottom: 35px;
	}

	.icons-box li{
		float: left;
		padding: 0 10px;
		width: 33%;
	}

	.icons-box li img{
		height: 40px;
		width: auto;
		margin-bottom: 0;
	}
	.three-squared, .four-photos, .headbox-3 .two-images{
		max-height: none;
		overflow: visible;
	}
	.headbox-3 .two-images{
		margin-bottom: 10px;
	}
	.Three-wide-and-Aside .Three-wide{
		width: 100%;
		padding-right: 0;
	}
	.Three-wide-and-Aside .Aside{
		width: 100%;
		padding-left: 0;
	}
	.Columns-List .Left-side{
		width: 100%;
		padding-right: 0;
	}
	.Columns-List .Right-side{
		width: 100%;
		padding-left: 0;
	}
	.Columns-List .Right-side div{
		margin-bottom: 10px;
	}
	.Four-squared-One-wide .Four-squared div{
		width: 50%;
	}
	.Four-squared-One-wide .Four-squared{
		max-height: 100% !important;
	}
	.Four-squared-One-wide .Four-squared .col-2{
		padding-right: 0 !important;
		margin-bottom: 10px;
	}
	.Four-squared-One-wide .Four-squared .col-3{
		padding-left: 0 !important;
		
	}
	

}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	.one-photo .col-1{
		max-height: 652px;
	}
	.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6, .three-photos div{
		max-height: 320px;
	}
	.four-photos{
		max-height: 300px;
		margin-bottom: 10px;
	}
	.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4{
		max-height: 330px;
	}
	.headbox-3 .two-images{
		max-height: 668px;
	}
	.three-squared{
		max-height: 480px;
	}
	.Four-squared-One-wide .Four-squared{
		max-height: 370px;
		margin-bottom: 10px;
	}
	.Columns-List .Left-side{
		padding-right: 5px;
	}
	.Columns-List .Right-side{
		padding-left: 5px;
	}
	.Columns-List .Left-side .One-wide{
		margin-bottom: 10px;
	}
	.Columns-List .Left-side .Four-squared .col-2, .Columns-List .Left-side .Four-squared .col-4 {
    padding-left: 5px;
    margin-bottom: 10px;
}
	.Columns-List .Left-side .Four-squared .col-1, .Columns-List .Left-side .Four-squared .col-3 {
    padding-right: 5px;
    margin-bottom: 10px;
}
	.Four-squared-One-wide .Four-squared .col-1{
		padding-right: 5px;
	}
	.Four-squared-One-wide .Four-squared .col-2, .Four-squared-One-wide .Four-squared .col-3{
		padding-left: 5px;
		padding-right: 5px;
	}
	.Four-squared-One-wide .Four-squared .col-4{
		padding-left: 5px;
	}

}