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

 Theme Name:   dec
 Theme URI:    http://decflevoland.nl/
 Description:  trend digital marketing template
 Author:       TREND digital
 Author URI:   http://decflevoland.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*Vertical-align content*/
.td-vertical-align{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

/*Reverse Column*/
@media (max-width:980px){ /*change 980px if you setup your breakpoint is different*/
.td-reverse{
	display:flex;
	flex-direction:column-reverse;
}}

/* Define grid area names corresponding to CSS classes */
.area-sp1 {grid-area:area-sp1;}
.area-sp2 {grid-area:area-sp2;}
.area-sp3 {grid-area:area-sp3;}
.area-sp4 {grid-area:area-sp4;}
.area-sp5 {grid-area:area-sp5;}
.area-sp6 {grid-area:area-sp6;}
.area-sp7 {grid-area:area-sp7;}
.area-sp8 {grid-area:area-sp8;}
.area-sp9 {grid-area:area-sp9;}
.area-sp10 {grid-area:area-sp10;}
.area-sp11 {grid-area:area-sp11;}
.area-sp12 {grid-area:area-sp12;}

/* Define the main structure for the Grid container */
.dsa-grid {
  display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-areas:
	"area-sp1 area-sp1 area-sp12 area-sp12"
	"area-sp2 area-sp2 area-sp12 area-sp12"
  	"area-sp3 area-sp3 area-sp12 area-sp12"
  	"area-sp4 area-sp4 area-sp12 area-sp12"
  	"area-sp5 area-sp5 area-sp12 area-sp12"
	"area-sp6 area-sp6 area-sp12 area-sp12"
  	"area-sp7 area-sp7 area-sp12 area-sp12"
  	"area-sp8 area-sp8 area-sp12 area-sp12"
	"area-sp9 area-sp9 area-sp12 area-sp12"
  	"area-sp10 area-sp10 area-sp12 area-sp12"
	"area-sp11 area-sp11 area-sp12 area-sp12"
	}
}
@media (max-width:600px) {
  .dsa-grid3 {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
		"area1-g3 area1-g3"
		"area2-g3 area3-g3"
  	"area4-g3 area4-g3"
  	"area5-g3 area6-g3"
		"area7-g3 area7-g3"
    "area8-g3 area8-g3";
	}
}

/* Align the content of CTA Modules in the center */
.dsa-grid3 .et_pb_promo {
	display: flex;
	flex-direction: column;
  justify-content: center;
}

/* Center-align content inside the blurbs */
.dsa-grid3 .et_pb_blurb {
	display: flex;
	flex-direction: column;
  justify-content: center;
}
.form-button {
    box-shadow: 7px 7px #00dc93 !important;
white-space: nowrap;   
  }

/*** Responsive Styles Extra Large Desktop And Above ***/
@media all and (min-width: 1405px) {

YOUR CSS HERE

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

YOUR CSS HERE

}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

YOUR CSS HERE

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

YOUR CSS HERE

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

YOUR CSS HERE

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

YOUR CSS HERE
	
.tdh2 {
  font-size: clamp(1.8rem, 2.5vw, 8rem)}
}