.call-to-action {
	background-image: linear-gradient(90deg, #ffffff 44.12%, #eeeeee 44.12%, #eeeeee 50%, #ffffff 50%, #ffffff 94.12%, #eeeeee 94.12%, #eeeeee 100%);
	background-size: 32px 100%;
	background-repeat: repeat-x;
	background-position: center;
	padding: 40px 2em;
}

.call-to-action .container {
	background: #ffffff;
	box-shadow: 0 0 10px #bbb;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.call-to-action .container .cta-info {
	padding: 2em;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.call-to-action .container .cta-info h3 {
	font-weight: lighter;
}

.call-to-action .container .cta-info p {
	margin-bottom: 0;
}

.call-to-action .container .cta-divider {
	flex-basis: 0%;	
}

.call-to-action .container .cta-action {
	display: flex;
	width: 100%;
}

.call-to-action .container .cta-action .link {
	background: var(--phddeib-primary);
	color: #ffffff;
	flex-basis: 100%;
	padding: 4em 2em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 250px;
}

.call-to-action .container .cta-action .link .link-text {
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1.2em;
}

.call-to-action .container .cta-action .link .arrows {
  font-size: 2em;
  letter-spacing: -2px;
}

.call-to-action .container .cta-action:hover .cta-divider, 
.call-to-action .container .cta-action:hover .link {
  background-color: var(--phddeib-secondary);
  transition: 0.3s;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.call-to-action {
		padding: 40px 0;
	}
	
	.call-to-action .container .cta-divider {
		 -webkit-clip-path: polygon(0 100%, 100% 0%, 100% 110%, 0% 110%);
		 clip-path: polygon(0 100%, 100% 0%, 100% 110%, 0% 110%);
		 background: var(--phddeib-primary);
		 flex-basis: 20%;
	}
	
	.call-to-action .container .cta-info {
		flex-basis: 45%;
	}
	.call-to-action .container .cta-action {
		flex-basis: 55%;
	}
	.call-to-action .container .cta-action .link .arrows {
	  font-size: 3em;
	  letter-spacing: -5px;
	}
	.call-to-action .container .cta-action .link {
		flex-basis: 80%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}