@media (min-width: 1400px) {
    #inside_masthead img {
        width: auto;
        max-width: 100%;
        height: 474px
    }
}
@media (min-width: 1400px) {
    header .navbar {
        padding: 20px 50px
    }
}

@media (min-width: 1400px) {
    
    #inside_masthead .desktop-caption .code_block_indiv_content {
        padding: 70px 70px 50px 70px;
    }
}

header .navbar {
    padding: 8px 25px
}

@media (min-width: 1400px) {
    header .navbar {
        padding: 30px 30px 30px 10px
    }
}

@media (min-width: 1400px) {
    header .navbar .navliner {
        gap: 30px
    }
    header .navbar .navliner .CMitem {
        max-width: 120px;
    }
}

/* inside_2024 - 2024 Template  **/

:root {
  --yellow: #ffce45;
  --lime: #bef177;
  --red: #f7502f;
  --blue: #579bff;
  --paleyellow: #fbf5c9;
  --steel: #6E7691;
  --lavender: #D7A8F7;
}

img.spaceinvaders{width: 50px !important; height: 50px !important; position: absolute; top: 50px; left: 20px; }
.hero {padding: 50px 90px;  background-color: silver; position: relative; width: calc(100% + 30px); left: -15px; margin-top: 100px}
.hero .caption{font-family: quasimoda, sans-serif; font-size: 26px; line-height: 1.08; color: black; width: 100%;}
.blue{background-color: var(--blue); color: black;}
.box h3{font-size: 24px;}
.redfont{color: var(--red);}


/*S*/
@media only screen and  (min-width: 576px) {
	.hero { padding: 100px 90px;   margin-top: 0px}
}

/*M*/
@media only screen and  (min-width: 768px) {
	.hero {padding: 120px 120px; width: 100%; left: 0; }
	img.spaceinvaders{ top: 120px; left: 50px; }
}

/*L*/
@media only screen and (min-width: 992px) {
	img.spaceinvaders{width: 100px !important; height: 100px !important; top: 120px; left: 50px; }
	.hero {padding: 120px 200px;}
}

/* XL */
@media only screen and (min-width: 1400px) {
	img.spaceinvaders{ top: 120px; left: 100px; }
	.hero {padding: 120px 100px 120px 340px;}
}

/* individual page color overwrites */

/* cybersecurity */

.P75 .hero{background-color: var(--blue);}
.P75 aside#inside_footer .container{background-color: var(--paleyellow); color: black;}
.P75 ol li::marker {font-family: roc-grotesk, sans-serif; color: var(--red); font-weight: bold}

.P75 .faq_question_block_slide .faq_question_block_slide_question {background: var(--blue);}
.P75 .faq_question_block_slide .faq_question_block_slide_question a {color: #0f1a30;}
.P75 .content_faq_header{color: var(--paleyellow);}
.P75 .boxwrap a.cta{background-color: #bef177; color: #0f1a30}
.P75 .boxwrap a.cta:hover, .P75 a.cta:focus{color: #0f1a30;background-color: #4eb7a3}

/* overdraft */
.P73 .hero{background-color: var(--lime);}
.P73 a.cta{background-color: #bef177; color: #0f1a30}
.P73 a.cta:hover, .P73 a.cta:focus{color: #0f1a30;background-color: #4eb7a3}