section.block-call-to-action { position:relative; background:#003DA5 }
section.block-call-to-action .container { position:relative; z-index:1; padding-top:100px; padding-bottom:100px }
section.block-call-to-action .content { text-align:center }
@media screen and (min-width: 768px) {
  section.block-call-to-action .content { width:55%; text-align:left }
}
@media screen and (min-width: 992px) {
  section.block-call-to-action .content { width:45% }
}
section.block-call-to-action .background { position:absolute; z-index:0; top:0; right:0; left:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover }
@media screen and (min-width: 992px) {
  section.block-call-to-action .background { left:25% }
}
section.block-call-to-action .background::before { content:''; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,61,165,0.9) }
@media screen and (min-width: 768px) {
  section.block-call-to-action .background::before { background:linear-gradient(to right, #003DA5, rgba(0,61,165,0.5)) }
}
section.block-call-to-action h2 { color:white; font-size:36px; font-size:2.25rem; margin-bottom:25px }
@media screen and (min-width: 768px) {
  section.block-call-to-action h2 { font-size:46px; font-size:2.875rem }
}
@media screen and (min-width: 992px) {
  section.block-call-to-action h2 { font-size:56px; font-size:3.5rem }
}
section.block-call-to-action p { color:rgba(255,255,255,0.9); font-size:18px; font-size:1.125rem; line-height:1.4 }
@media screen and (min-width: 768px) {
  section.block-call-to-action p { font-size:20px; font-size:1.25rem }
}
@media screen and (min-width: 992px) {
  section.block-call-to-action p { font-size:22px; font-size:1.375rem }
}
section.block-call-to-action.alignfull:first-child { margin-top:-100px }
section.block-call-to-action.alignfull:last-child { margin-bottom:-100px }

/* font sizing */
section.block-call-to-action.has-x-large-font-size p { font-size: var(--wp--preset--font-size--x-large) !important; }
section.block-call-to-action.has-large-font-size p { font-size: var(--wp--preset--font-size--large) !important; }
section.block-call-to-action.has-medium-font-size p { font-size: var(--wp--preset--font-size--medium) !important; }
section.block-call-to-action.has-small-font-size p { font-size: var(--wp--preset--font-size--small) !important; }

section.block-call-to-action.has-x-large-font-size h2,
section.block-call-to-action.has-large-font-size h2,
section.block-call-to-action.has-medium-font-size h2,
section.block-call-to-action.has-small-font-size h2 { font-size: 2.4em !important; }