#calltoaction-sm {
  position:relative;
  border:10px solid #232323;
  background-color:#0e1e3c;
}

#calltoaction-sm .cta-image { position:absolute;height:100%;width:100%;opacity:0.3;background-image:url('/images/join-ecosystem.jpeg');background-size:cover;background-position:center;  }
#calltoaction-sm .cta-container { position:relative;padding:45px;text-align:center; }
#calltoaction-sm .cta-container h3 { color: #fff;font-size: 2.5vw;font-weight: 500; }
#calltoaction-sm .cta-container a { text-decoration: none;margin-top: 2.5vw;padding: 15px 35px;border: 4px solid #fff;display: inline-block;font-size: 26px;color: #fff  }
#calltoaction-sm .cta-container a:hover { background-color:#fff;color:#232323; }

@media (max-width:1000px) {
	#calltoaction-sm .cta-container { padding:25px; }
	#calltoaction-sm .cta-container a { padding: 1.5vw 3vw;border: 2px solid #fff;font-size: 2vw; }
}


@media (max-width:685px) {
	#calltoaction-sm .cta-container { padding:15px; }
	#calltoaction-sm .cta-container h3 { font-size: 4vw;line-height:5.5vw }
	#calltoaction-sm .cta-container a { font-size: 3vw; }
}

@media (max-width:414px) {
	#calltoaction-sm { border:6px solid #232323; }
}

footer { background-color:#FAFAFA;padding:75px 0;font-size:25px;font-weight:500;color:#232323;text-align:center; }
footer div { margin-bottom:20px; }
footer a { display:inline-block;line-height:25px;margin-right:15px;color:inherit; }
footer a:last-child { margin-right:0; }
footer a:hover { opacity:0.8; }

@media (max-width:775px) { footer { font-size:20px;padding:50px; } }
@media (max-width:650px) { footer { font-size:20px;padding:40px; } footer span { display:block; } }
@media (max-width:450px) { footer { font-size:16px;padding:25px; } footer div { margin-bottom:10px; } }
@media (max-width:375px) { footer { font-size:12px; } }