/*
----------------------------------------------------

Theme Name: LINDA. Adverteren
Theme URI: http://linda.nl/adverteren
Version: 1.0 (Core)
Author: Sander van de Staay
Author URI: http://www.vandestaay.com
Licence: vandestaay.com, 2019

----------------------------------------------------
*/


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


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

}

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

}	

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

}


@media only screen and (max-width : 1080px) {
	
	.site-header, 
	.header,
	.block-content-centered,
	.footer_base { padding: 0 60px;  }
	.block-downloads { padding: 0px 60px 60px 60px; }
	.block-quote { padding: 0 60px; }
	.block-product { padding: 0 60px; }
	
	.block-content-centered .container h2 { padding: 0 90px; }
	.block-content-centered .container p { padding: 0 90px; }
		
	.block-downloads .container .column { width: 100%; }
	.block-downloads .container .column:last-child { width: 100%; }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.block-content-centered .container h2 { padding: 0; }
	.block-content-centered .container p { padding: 0; }

} 

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.site-header, 
	.header,
	.block-content-centered,
	.footer_base { padding: 0 30px;  }
	
	.header { height: 220px; }
	
	.block-quote, 
	.block-product { padding: 0 30px 0px 30px;  }
	
	.block-quote { margin: 0 auto 42px auto; }
	.block-quote .container { padding-top: 42px; }
	.block-product .container { padding-top: 42px; }
	.block-product.image { padding-bottom: 42px; }
	
	.block-downloads {  padding: 30px;  }
	.block-downloads .container {  padding-top: 42px;  }
	.block-downloads .container .column { width: 100%;  }
	.block-downloads .container .column:last-child { width: 100%; }
	.block-downloads .container .column .items { width: 100%; margin-bottom: 42px;}
	.block-downloads .container .column .items:last-child { margin-bottom: 0px;}
	
	.block-content-centered .container { padding: 0px 0 64px 0; }
	.block-content-centered .container h2,
	.block-content-centered .container p { padding: 0px 48px; }
	.block-content-centered .container h2 { font-size: 2.4em; line-height: 28px; }
	.block-content-centered .container a:nth-child(4){ margin: 0 12px 40px 0;  }
	
	.block-quote { height: auto; }
	.block-quote .container .background { width: 100%; height: 240px; float: inherit;}
	.block-quote .container .content { position: relative; width: 100%; height: auto; right: inherit; margin-top: 0; padding: 42px;} 
	.block-quote .container .content p { font-size: 2em; line-height: 26px; }
	
	.block-product .container .column { width: 28%; margin-right: 20%; }
	.block-product .container .column:last-child { width: 50%; }
	.block-product.grid .grid-item { width: 100%; margin-right: 0; }
	.block-product .container .column h4:last-child { margin-bottom: 40px; }
	

}

@media only screen and (max-width : 580px) {
	
	.header { margin: 0 auto 40px auto; }
	.site-header .site-logo h1 a { width: 80%;  }
	
	.block-downloads .container .column h2,
	.block-product .container .column h2 {
		font-size: 4em;
	}
	
	.block-content-centered .container { padding: 0; }
	.block-content-centered .container h2,
	.block-content-centered .container p { padding: 0px; }
	.block-content-centered .container p { margin-bottom: 0; }
	.block-content-centered .container a { margin: 0 0 12px 0; width: 100%; }
	
	.block-product .container .column { width: 100%; }
	.block-product .container .column:last-child { width: 100%; }
	
	.block-product .container .column h4 { margin-bottom: 20px; }
	.block-product.grid .grid-item { margin-bottom: 8px; }
	.block-product.grid .grid-item .background { margin-bottom: 24px; }
	.block-product.grid .grid-item .background .image { padding: 60px 30px; }
	.block-product.image .background { margin-bottom: 0; }
	
	.footer_base { margin: 0 auto 30px auto; }
	.footer_base .wrapper .container { display: flex; flex-wrap: wrap; }
	.footer_base .wrapper .container .footer-col:first-child { width: 100%; }
	.footer_base .wrapper .container .footer-col { width: 50%; margin-bottom: 16px; }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {	

}