@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway&family=Vollkorn:ital@1&display=swap');
.cta-wrapper { padding:0; margin:1.5em 0; width:100%; box-sizing:border-box; clear:both; }
.cta-wrapper h2 { font-size:32px; line-height:1.1; margin-top:0; margin-bottom:0.3em; color:white; }
.cta-wrapper .content { color:black; font-size:15px; position:relative; }
.cta-wrapper.font1 { font-family:Verdana, Geneva, sans-serif; }
.cta-wrapper.font1 h2 { font-family:Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; }
.cta-wrapper.font2 { font-family:'Open Sans', sans-serif; }
.cta-wrapper.font2 h2 { font-family:"Raleway", serif; }
.cta-wrapper.font3 { font-family:"Raleway", serif; }
.cta-wrapper.font3 h2 { font-family:"Vollkorn", sans-serif; font-style: italic; }
.cta-wrapper.tinted { position:relative; }
.cta-wrapper.tinted .tint, .cta-wrapper.tinted .bg { position:absolute; top:0; right:0; bottom:0; left:0; }
.cta-wrapper.tinted .tint { z-index:2; }
.cta-wrapper.tinted .bg { z-index:1; }
.cta-wrapper.tinted .content { position:relative; z-index:3; }
.cta-wrapper a { text-transform:uppercase; font-size:12px; line-height:1; display:inline-block; padding:1.5em 3em; background-color:black; color:white; text-decoration: none; }
.cta-wrapper a:hover { background-color:white; color:black; transition:all 0.3s ease; }
.cta-wrapper.gray a { background-color:#35b2db; }
.cta-wrapper.left .content { text-align:left; }
.cta-wrapper.right .content { text-align:right; }
.cta-wrapper.center .content { text-align:center; } 
.cta-wrapper.blue.tinted .tint {  background-color:rgba(53,178,219,.95); }
.cta-wrapper.green.tinted .tint { background-color:rgba(53,191,72,.95); }
.cta-wrapper.red.tinted .tint { background-color:rgba(182,33,29,.9); }
.cta-wrapper.gray.tinted .tint { background-color:rgba(54,53,54,.9); }
.cta-wrapper.blue:not(.tinted) .content {  background-color:rgb(53,178,219); }
.cta-wrapper.green:not(.tinted) .content { background-color:rgb(53,191,72); }
.cta-wrapper.red:not(.tinted) .content { background-color:rgb(182,33,29); }
.cta-wrapper.gray:not(.tinted) .content { background-color:rgb(54,53,54); }
.cta-wrapper.tinted .bg { background-size:cover; position:center center; }
.cta-wrapper .content p:last-child { margin-top:2em; margin-bottom:0; }
.cta-wrapper.red .content, .cta-wrapper.gray .content { color:white; } 
@media screen and (min-width:768px) {
	.cta-wrapper .content { padding:50px 80px; }
}
@media screen and (max-width:767px) {
	.cta-wrapper .content { padding:50px 30px; }
}