.CTA-background{
	
	padding:30px;
	}


	.CTA{
		background-image: url("Pictures/Pattern.svg");
		background-repeat:no-repeat;
		background-position:right;
		background-size:auto;
   position: relative;
	max-width:800px;
		width:80%;
		margin:0 auto;
	text-align:left;
		background-color:#2CA4DD;
		border-radius:10px;
		padding:40px;
		box-shadow: 0px 0px 8px #888888;
	
}

.CTA h2, .CTA p {
	
	color:white; 
}



.CTA .button {
	position:relative;
  box-sizing:border-box;
	z-index: 1;
display:inline-block;
	margin-top: 40px;
	margin-left:10px;
	margin-right:10px;
  font-size: 16px;
 
  color: #2CA4DD;
  padding: 0.5em;
  outline: none;
  border: 2px solid white;
	border-radius:6px;
	width:140px;
	height:40px;
  background-color: white;
	
}



.CTA .button::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	border-radius:4px;
  background-color:#2CA4DD;
	color:white;
  transform-origin: center left;
  transform: scaleX(0);
  transition: transform 0.25s ease-in-out;
}

.CTA .button:hover {
  cursor: pointer;
	color:white;
	
}

 .CTA .button:hover::before {
  transform-origin: center left;
  transform: scaleX(1);
	
}
.image-CTA {
  display:block;
  background-size:cover;
	background-position:center;
	border-radius:20px;
	background-image:url("Pictures/image.jpg");
	width:100%;
	
	
	 
}



@media only screen and (max-width:940px) {
	.CTA {
	text-align:center;
}
	.CTA p{
	text-align:center;
}
	
	
	}

@media only screen and (max-width:678px) {
	.CTA {border-radius:0px;width:100%;}
    .CTA br {
    display: none;
}
	.CTA-background{
	padding:0px;
	}}

@media only screen and (max-width:550px) { 
	.CTA {background-image: none;}
  .CTA p{
	font-size:0.9rem;
}


}