@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

/* body {
font-family: 'Roboto', sans-serif;
background: url(../img/grad-22-bg2.jpg);
display: block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: contain;
background-repeat: no-repeat;
} */
/* body {
background: url('/grad23/img/23/grad-22-bg2.jpg');
background-repeat: no-repeat;
background-position-y: 12em;
background-size: cover;
} */

div#content {

}

.grad-btn {
background-color: #097CCC;
border: none;
color: white;
padding: 12px 16px;
font-size: 18px;
border-radius: 4px;
margin-bottom: 6px;
margin-top: 0px;
}

.grad-btn:hover {
background-color: #1A468D;
}

.btn-box{
display: flex;
justify-content: center;
align-items:center;
}
#videos {
padding-bottom: 4em;
background: black;
}
#videos h2 {
color: #d9b468;
padding-top: 2em;
}
#videos h3, #videos .h3 {
font-size: 1.5rem;
color: #ffffff;
text-align: center;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin: 0em auto .5em auto;
}
p {
margin-bottom: 0.5em !important;
}
.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
width: 64px;
height: 64px;
z-index: 9999;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s ease-out;
}
.back-to-top:hover{
opacity: 0.7;
}
i.fas.fa-arrow-alt-circle-up {
font-size: 3em;
margin-top: -1em;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #FFF;
font-size: .8em;
text-transform: uppercase;
}
.text-md-right {
color: #FFF;
}
#navigator {
position: sticky;
top: 0;
z-index: 1000;
}

#navigator .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (max-width: 720px) {
#navigator {
border-bottom: 1px solid #ccc;
}
}

#navigator a {
font-size: 14px;
}
.modal-header {
display: none;
}
.modal-footer {
margin: -1em;
border: none;
}
button.btn.btn-secondary {
position: absolute;
margin: -4em 1em;
z-index: 2;
background: #f00;
}
#navigator+section {
padding: 250px 0;
}
img.vid-poster {
display: block;
margin: auto;
width: 100%;
cursor: pointer;
padding: 1em;
}
footer a:hover {
color: #f1b113;
text-decoration: underline;
}
.gold {
color: #cc9a33 !important;
}
.watch-again {
background-color: #cc9a33;
border-color: #cc9a33;
}
.top-btns .col-lg-2 {
width: 20%;
display: inline-block;
}
.top-btns .col-sm-12 {
width: 98%;
display: inline-block;
}
.videos h3 {
font-size: 1.1em;
text-align: center;
}
.videos h3 span {
font-weight: bold;
}
.videos container {
background: #FFF;
}

.container-14 {
padding: 0;
background: #ececec;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-14 .row {
max-width: 1400px;
margin: auto;
}
.cards img {
width: 90%;
margin: 1em;
}
.top-c {
margin: 2em;
}
.quotes-container {
margin-top: 0em;
}
.c-box {
background: #FFF;
padding: 4% 4%;
font-size: 1.3em;
width: 60%;
margin: 0em auto 4em auto;
}
.c-box2 {
margin: -3em auto;
}
.unstoppable {
color: #403f3f;
text-align: center;
text-shadow: 2px 2px 0px rgb(0 0 0 / 40%);
font-size: 2.2em;
}
.unstoppable {
color: #171717;
margin-top: 0em;
text-shadow: none;
font-size: 1.5em;
text-align: left;
}

a {
text-decoration: none !important;
}
.row {
margin: 0;
}
.video-pad1 {
padding: 11% 16% 7% 0;
}
.video-pad2 {
padding: 5% 0% 5% 0%;
}
.percent-pad {
padding: 5% 0 0% 0%;
}

.percent-pad2 {
padding: 5% 0% 5% 0%;
}
.percent-pad1, .percent-pad2 {
padding: 9% 0;
}
#military {
padding: 2em;
padding: 3em 5em 5em 5em;
}

#military h2 {
text-align: center;
padding-right: .5em;
}
div#college img {
margin: 0 auto 2em auto;
display: block;
}
#military p {
font-size: 1.2em;
/*padding-right: 1em;*/
/* text-align: center; */
}
#college {
padding: 2em;
background: #FFF;
}

#college h2 {
font-size: 2.5em;
text-align: center;
padding-right: .5em;
color: #19458c;
}
#seniorstories {
background: #ececec;
padding-bottom: 4%;
}
#college p, #seniorstories p {
font-size: 1.2em;
/* text-align: center; */
padding: 0%;
}
span.highlight {
color: #ffb102;
}
.soon {
text-align:center;
color:red;
font-style: italic;
}
.celebrate {
padding: 4% 1% 6% 14%;
}
.celebrate h2 {
padding: 0;
left: 0;
text-align: right;
color: #2d3748;
font-size: 5em;
}
.overview p {
text-align: left;
font-size: 1.2em;
}
.overview {
padding: 5% 20%;
}
.overview h5 {
color: #f00;
font-weight: bold;
font-size: 2em;
text-align: left;
}

.btns p {
font-size: .9em;
text-shadow: 2px 2px 0px rgb(0 0 0 / 20%);
color: #FFF;
/* font-family: 'Oswald', sans-serif; */
text-align: center;
display: inline-block;
}
.top-btns {
padding: 0 0;
/* background: #2d3748; */
width: 100%;
/* padding-left: 8em; */
}
.schools-row {
padding: 5% 15%;
/* margin-right: -10em; */
background: #FFF;
}
.schools-row i {
color: red;
}
.schedule {
background: #FFF;
padding: 0% 0%;
}
.box {
padding: 5% 8% 0% 8%;
}
.schedule .box p {
cursor: pointer;
font-size: 1.2em;
padding: 0 8%
}
.schedule .box h2 {
color: #ffa600;
text-align: center;
}
.school-box p {
padding: 1em;
}
.school-box:hover {
transform: scale(1.05);
}
.school-box {
cursor: pointer;
width: 23.5%;
border-radius: .4em;
border: solid .4em #e0e0e0;
background: #FFF;
box-shadow: rgb(17 12 46 / 50%) 0px 18px 13px 0px;
padding: 1em;
margin: .5em;
transition: .3s;
}
.col-lg-2.col-sm-2 {
/* border: solid .2em #d6d4d4;
background: #FFF;
box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
padding: 1em;
margin: .3em; */
}
.schools-row h2 {
text-align: center !important;
color: #3e3939;
padding: .7em .3em;
width: 100%;
left: 0;
right: 0;
font-size: 2.5em !important;
text-transform: uppercase;
}
.schools-row p {
font-size: 1.2em;
}
.logo-box {
width: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center !important;
height: 7.5em;
}
.school-box .btn-primary {
color: #fff;
background-color: #0b1c2f;
border-color: #007bff;
padding: .4em;
width: 98%;
font-size: 1em;
/* display: none; */
}
.school-box p {
text-align: center;
font-size: 1em !important;
color: #333;
line-height: 1.5em;
text-decoration: none;
padding: .24em;
}
.schools-row p {
font-size: 1em;
padding: 0%;
}
.schools-row img {
width: 100%;
}
.padding-2 {
padding: 2em;
}

.center-p-padding {
padding: 1em 20%;
}
.pad-right-15 {
padding-right: 15%;
}
.pad-left-15 {
padding-left: 15%;
}
.bg-white {
background: #FFF;
}
h5 {
color: red;
font-weight: bold;
font-size: 1.7em;
}
img.coming-soon {
display: block;
position: relative;
width: 100%;
margin: 1em 0;
}
.news {
width: 160px
}

.news-scroll a {
text-decoration: none
}

.dot {
height: 6px;
width: 6px;
margin-left: 3px;
margin-right: 3px;
margin-top: 2px !important;
background-color: rgb(207, 23, 23);
border-radius: 50%;
display: inline-block
}

header {
position: relative;
background-color: black;
height: 75vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
}

header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

header .container {
position: relative;
z-index: 2;
}

header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}
h1.display-3 {
font-family: 'Oswald', sans-serif;
}
a p.lead.mb-0 {
color: #ffce44;
text-transform: uppercase;
}
footer.py-5 {
background: #333;
}
.drive-thru-text-box0 {
border: solid #fec139 .25em;
border-top: none;
padding: 1em 1em 0em 1em;
margin: 0em auto 2em auto;
}
.drive-thru-text-box {
border: solid #fec139 .25em;
border-top: none;
padding: 3em;
display: block;
margin: 0em auto 1em auto;
}
h4 {
color: #FFF;
font-size: 1.1em;
margin: 1em auto;
text-align: center;
}
.border-left  {
border-bottom: solid #fec139 .25em;
margin: 0;
width: 30%;
float: left;
}
.border-right  {
border-bottom: solid #fec139 .25em;
margin: 0;
width: 30%;
float: right;
}
.drive-thru-text-box p {
color: #fff;
text-align: center;
font-size: 1.2em;
}
#drivethru {
background: #020202;
background-attachment: fixed;
background-size: cover;
padding: 5%;
}
#drivethru img {
width: 100%;
}
.drivethru-container, .container {
/* max-width: 1000px; */
}
.drivethru-container {
background:#000;
padding: 4em 0;
}
#drivethru img {
width: 100%;
}
.yt-box {
width: 100%;
display: block;
margin: auto;
top: 0;
right: 0;
padding: 3em;
}

.clear-btn-square {
border: 2px solid #ffce44;
/* font-family: "BebasNeue"; */
font-size: 22px;
background-color: transparent;
margin-bottom: 3px;
padding: 8px 17px 4px 17px;
color: #00AEEF;
color: #ffce44;
}

.clear-btn-square:hover {
background-color: #ffce44;
color: white;
}
@media (pointer: coarse) and (hover: none) {
header {
background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
}
header video {
display: none;
}
}
.top-btns a {
color: #ffce44;
}
.btn-section {
margin: auto;
width: 100%;
padding: 1.5em 0;
}
.ytp-embed:not(.ad-showing) .ytp-title-text {
padding-top: 21px;
display: none;
}
blockquote strong {
font-size: 1.8em;
/* font-family: 'Alex Brush', cursive; */
}
.h2 {
color:#FFF;
text-align: center;
}
blockquote {
font-size: 1em;
background: #ffffff;
padding: 2em 4em 3em;
text-align: left;
border: solid #b3b3b3;
border-radius: .25em;
box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.2);
-webkit-box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.2);
}
.btns p {
font-size: 1em;
text-shadow: none;
color: #FFF;
text-align: center;
display: inline-block;
margin: 0 1em 0 0;
vertical-align: top;
}
.quote-left {
font-size: 14em;
font-family: 'Alex Brush', cursive;
margin: -1.7em -3.37em;
position: absolute;
color: #212529;
display: none;
}
.quote-right {
font-size: 14em;
font-family: 'Alex Brush', cursive;
display: block;
margin: .1em -.2em;
position: absolute;
color: #ffc107;
}
.grad-img-fixed {
/* background: url(/classof2020/img/2020/grads.png);
background-repeat: no-repeat;
background-size: contain;
background-size: 59%;
background-attachment: fixed; */
}
h1.item, .item h1 {
font-size: 3em;
color: #FFF;
text-align: center;
background: #CCC;
padding: 3.5em 2em;
margin: .5em 0;
}
h2, .h2 {
/* font-size: 1.2em; */
}
.row0 {
}
.row0 p {
color: #FFF;
font-size: 1.2em;
text-align: left;
}
.row1 {
background: #10254c;
background: #161d29;
background: #ffffff;
margin-top: 0em;
padding: 0;
}
.row2 {
background: #21120c;
padding: 1em 0;
}
#quotes {
margin-top: 11em;
}
.rowquotes {
padding: 2em;
background: #353a44;
/* background: url(/classof2020/img/2020/g2.jpg); */
background: url(/classof2020/img/2020/Seniors2.jpg);
background-size: contain;
background-attachment: fixed;
min-height: 60em;
}
.rowquotes h2 {
/* text-align: center !important;
color: #fff;
background: #333;
background: #bd2130;
padding: .7em .3em;
margin: -3em auto;
position: absolute;
display: inline-block;
width: 100%;
left: 0;
right: 0;
font-size: 2em !important;
text-transform: uppercase;
text-align: center !important;
color: #fff; */
padding: .7em .3em;
margin: .5em auto;
text-shadow: 4px 4px 0px rgba(0,0,0,0.2);
position: absolute;
display: inline-block;
width: 100%;
left: 0;
right: 0;
font-size: 2.7em !important;
text-transform: uppercase;
text-align: center;
color: #FFF;
}
.last-row {
/* background: url(/graduation/img/grad-bg.jpg); */
/* background-attachment: fixed; */
background-size: cover;
position: absolute;
width: 100%;
height: 100em;
/* opacity: .5; */
}
.dark-row {
/* background: rgba(66, 112, 186, .5); */
position: absolute;
width: 100%;
height: 100em;
}
iframe {
border: none;
display: block;
padding: 0;
margin: 0;
width: 100%;
}
#seniorstories img {
width: 100%;
padding: 2%;
display: block;
}
.center-text {
text-align: center;
}
.val-sals-container {
background: rgba(255, 255, 255, 1);
background: rgb(49, 56, 105);
/* background: #cc9a33; */
padding: 2em 5em 5em 5em;
margin-bottom: 0em;
}
.val-sals-container a {
color: #cc9a33;
}
.val-sals-container h2 {
text-align: center !important;
color: #fff;
/* background: #313869; */
padding: 1em 0 0 0;
/* margin: -3em auto; */
/* position: absolute; */
width: 100%;
left: 0;
right: 0;
text-transform: uppercase;
/*padding-bottom: 5em;*/
}

.val-sals-container p {
font-size: 1.2em;
/* text-align: center; */
/*padding-bottom: 2em;*/
padding-top: .5em;
color: #FFF;
}
.hs-container {
background: #adadad;
background: #152031;
background: #dcdcdc;
background: #ffffff;
padding-top: 4em;
/* background: url(/classof2020/img/2020/grads.png); */
background-size: 50%;
background-repeat: no-repeat;
padding-top: 4em;
background-position: left;
background-position-y: 88em;

}
.hs-container p {
font-size: .8em;
color: #675b5b;
padding-bottom: 0;
margin-bottom: .5em;
}
.hs-container h2 {
text-align: center !important;
/* text-shadow: 4px 4px 0px rgba(0,0,0,0.2); */
color: #3e3939;
/* background: #1d3050; */
padding: .7em .3em;

/* margin: -6em auto; */
/* position: absolute; */
width: 100%;
left: 0;
right: 0;
font-size: 2.5em !important;
text-transform: uppercase;
}

.hs-container h3 {
font-size: 2.4rem;
padding: 3em 0 1em 0;
color: #ffffff;
text-align: center;
/* font-family: 'Oswald', sans-serif; */
text-transform: uppercase;
margin: 0;
}

.b1 div {
margin: 10%;
}
.b1 p {
font-size: 1.2em;
text-align: left;
}

.col.b1 div {
padding: 5em 5em 5em 14em;
}
.col.b1 p {
color: #FFF;
font-size: 1.2em;
text-align: left;
}
.col.b1 h2 {
font-size: 1.8em;
}
.col.b2 {
padding-right: 2em;
/* background: #0e0e0e;
background: #244889; */
}
.b2 video {
padding-bottom: 5em;
}
.video-container h2 {
text-align: center;
text-transform: uppercase;
color: #244889;
}
.site-header {
background-color: rgb(36, 72, 137);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
border-bottom: solid #dcdcdc .12em;
border: none;
}
.coming-soon {
display: block;
width: 50%;
margin: 0em auto 20em auto;
z-index: 9;
}

.row.btns {
background: #232323;
padding: .05% 7%;
padding: .05% 0;
/* position: fixed; */
width: 100%;
top: 0;
margin:0;
}
.school-box strong {
font-size: 1.3em;
text-transform: uppercase;
}
.top-btns a {
color: #ffffff;
}
.top-btns img {
width: 5em;
margin: .5em auto;
display: block;
transition: .3s;
cursor: pointer;
}
.top-btns img:hover {
transform: scale(1.2);
}
.tops-btns button {
margin-top: 0;
margin-bottom: 0;
font-size: 1.2em;
font-weight: bold;
background: #bd2130;
display: inline;
padding: .3em .5em;
color: #FFF;
border: none;
border-radius: .2em;
transition: .2s;
}
.tops-btns button:hover {
background:#333;
}
.b2 {
background: black;
}

.b2 div:nth-child(1){
/* padding: 1em; */
}
.margin0 {
margin: 0;
}
.padding-0, .padding0 {
padding: 0;
}
h2.blue, h2.gold {
background: #FFF;
display: inline-block;
padding: .25em .5em;
font-size: 1.6em;
}
h2 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
h3, .h3 {
font-size: 1.75rem;
color: #464646;
text-align: center;
/* font-family: 'Oswald', sans-serif; */
text-transform: uppercase;
margin: 1em auto;
}
.btn-outline-secondary {
color: #ffffff;
background: #cc9a33;
border-color: #6c757d;
}
.gold {
color:#cc9a33 !important;
}
h2.gold {
color: #ffffff !important;
background: #cc9a33 !important;
}
.blue {
color:#244889 !important;
}
.gold {
/* color: #ffb102 !important; */
}
.logos .col-sm {
background: #FFF;
border: solid #eaeaea .2em;
height: 10em;
border-radius: .4em;
padding: 1.5em;
margin: .3em;
}
.logos img {
margin: auto;
display: block;
cursor: pointer;
transition: .3s;
}
.logos img:hover {
transform: scale(1.1);
}
img.width {
width: 100%;
}
img.height {
height: 100%;
}
.container {
max-width: 75%;
}
.bg-light {
background-color: #cc9a33 !important;
}
.navcontainer {
display: block;
margin: auto;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
font-weight: bold;
font-size: 100% !important;
}
a.nav-link {
font-size: 95% !important;
}
a.nav-link:hover {
color: gold;
}
.bg-secondary {
background-color: #110604 !important;
}
.site-header {
background-color: rgba(0, 0, 0, .85);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
color: #e8e8e8;
transition: ease-in-out color .15s;
font-size: 1.2em;
font-weight: bold;
margin: auto;
}
.site-header a:hover {
color: #fff;
text-decoration: none;
}
#quotes img {
width: 8em;
margin: 1em 2.7em;
border: solid #333;
background: #dce0ed;
}
.embed-responsive-16by9::before {
padding-top: 51%;
}

.p-b-5 {
/* padding-bottom: 5em; */
}
.b2 div {
padding: 5em 5em 5em 5em;
}

@media only screen and (max-width: 1750px) {
.grad-img-fixed {
background-size: 100%;
}
.b1 div {
padding: 3em 1em 3em 1em;
}
.b2 div {
padding: 4em 0em;
}
}
@media only screen and (max-width: 1560px) {
.school-box {
width: 18.8%;
}
}
@media only screen and (max-width: 1560px) {
.school-box {
width: 18.4%;
}
}
@media only screen and (max-width: 1400px) {
.schedule .box p {
cursor: pointer;
font-size: 1.25em;
}
.celebrate h2 {
font-size: 3.7em;
}
.school-box {
width: 31.8%;
}
.unstoppable {
font-size: 1.2em;
}
.c-box {
padding: 4%;
font-size: 1.2em;
width: 98.5%;
}
}
@media only screen and (max-width: 1300px) {

.row.btns {
margin: 0 !important;
padding: 0;
}
.box {
padding: 0 4%;
}
.schedule {
padding: 5%;
}
#military h2, #college h2 {
font-size: 2.5em;
text-align: center;
padding-right: 0;
}
.video-pad1 {
padding: 10% 7% 7% 0;
}
.grad-img-fixed {
background-size: 100%;
}
h2.blue, h2.gold {
font-size: 1em;
}
.col.b1 p {
font-size: 1em;
padding: 2em;
}
h2 {
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
}
.row1 {
background: #244889;
margin-top: 5em;
}
}
@media (min-width: 576px) {
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: inherit;
}}
@media only screen and (max-width: 1200px) {
.school-box {
width: 31.7%;
}
}
@media only screen and (max-width: 1140px) {
.school-box {
width: 31%;
}
#college p {
font-size: 1.2em;
text-align: center;
padding: 0;
}
}
@media only screen and (max-width: 1000px) {

.row.btns {
margin: 0 !important;
padding: 0;
}
.c-box {
background: #FFF;
padding: 4% 4%;
font-size: 1em;
width: 100%;
margin: auto;
}
#college img {
width: 100%;
}

.overview {
padding: 3%;
}
.celebrate {
padding: 4%;
}
.celebrate h2 {
font-size: 4em;
text-align: center;
}
.schedule {
padding: 5%;
}
.shedule .box {
padding: 4%;
}
.schedule .box h2 {
font-size: 2em;
margin-top: 1em;
}
.schedule .box p {
font-size: 1em;
}
#military, #college {
padding: 2em 0;
}
.top-btns img {
width: 3em;
margin: .5em auto;
transition: .3s;
display: block;
cursor: pointer;
}
.btns p {
font-size: .9em;
}

.school-box {
width: 48%;
}
.schools-row p {
font-size: 1em;
padding: 0 15% 2% 1%;
}
}
@media only screen and (max-width: 900px) {
.school-box {
width: 45.8%;
}
}
@media only screen and (max-width: 800px) {
.school-box {
width: 45%;
}
img.coming-soon {
margin: 2em auto;
position: inherit;
display: block;
left: 0;
right: 0;
}

.top-c {
margin: 0em;
}
.col-md-10.p-lg-12.mx-auto.my-5 {
margin: 0em auto !important;
height: 23em;
}

.unstoppable {
color: #FFF;
text-align: center;
margin-top: -3em;
}

.btns p {
font-size: 1em;
color: #FFF;
text-align: center;
display: inline-block;
margin: 0;
}
.box {
padding-right: 1em;
}
}
@media only screen and (max-width: 700px) {
.c-box {
font-size: 1em;
width: 100%;
margin: auto;
}
.c-box p {
padding-top: 1em;
}
.c-box {
height: 21em;
}
.c-box {
height: auto;
}
.val-sals-container {
padding: 0em;
margin-bottom: 0em;
}

.unstoppable {
font-size: 1.05em;
color: #333;
padding: 0;
margin: 0  auto 0 auto;
text-align: center;
text-shadow: none;
width: 100%;
}
.row.btns {
margin-top: 3em;
}
.overview {
padding: 2%;
}
.overview h5 {
text-align: center;
}
.soon {
text-align: center;
}
.val-sals-container {
padding: 1em;
}
#military h2, #college h2 {
font-size: 3em;
text-align: center;
padding-right: 0;
}
.video-pad1, .video-pad2 {
padding: 1em;
}
.percent-pad, .percent-pad2 {
padding: 0;
}
#military p, #college p  {
padding-right: 0;
}
.overview {
padding: 5% 2% 4% 2%;
}
.celebrate h2 {
text-align: center;
color: #2d3748;
font-size: 2.5em;
}
.val-sals-container h2, .celebrate h2, #military h2, #college h2 {
font-size: 2em !important;
}
.overview p, #military p, #college p, .val-sals-container p {
text-align: center;
font-size: 1.2em;
}
.school-box {
width: 100%;
}
.btn-section {
margin: auto;
width: 94%;
}

.hs-container h2 {
font-size: 1.7em !important;
}
.val-sals-container {
padding: 0em;
margin-bottom: 0em;
}
blockquote {
padding: 1em;
}
.top-btns img {
width: 4em;
margin: .5em auto;
display: none;
}

.b1 div {
padding: 1em .5em;
color: #FFF;
font-size: 1.1em;
text-align: left;
}
.b2 div {
padding: 1em;
}
.b2 video {
padding-bottom: 1em;
}
.rowquotes h2 {
font-size: 1.7em;
}
#quotes img {
width: 8em;
margin: 0em 0.7em;
border: solid #333;
background: #dce0ed;
}

.rowquotes h2 {
font-size: 1.5em !important;
}
.row1 {
background: #244889;
margin-top: 5em;
}
.mb-5, .my-5 {
margin-bottom: 0em !important;
}
.coming-soon {
display: block;
width: 80%;
margin: 4em auto;
}
.top-btns span {
border-bottom: solid;
display: block;
padding: 0;
}
.logos .col-sm {
margin: .5em 3em;
}
}

.mscs-template-side-menu {
background: #f3f3f3;
padding: 1% 0 2% 0;
margin: 0 1em;
border-top: solid #4d90fe;
}

.mscs-template-side-menu h2:nth-child(1) {
padding: 0em 0em 0em;
text-transform: uppercase;
color: #343434;
font-size: 1.9em;
font-weight: bold;
margin-bottom: 0;
}
.mscs-template-side-menu a {
color: #403e3e;
font-weight: 400;
font-size: .92em;
text-decoration: none;
}
.mscs-template-side-menu a:hover {
color: #0f4aa3;
}
.mscs-template-side-menu ul li {
list-style-type: none;
font-weight: normal;
padding: 0.5em 1.5em 0.5em 0;
}
.template-page-staff-container {
width: 70%;
margin: 2%;
}

@media only screen and (max-width: 1200px) {
.mscs-template-side-menu {
display: none;
}
}
@media only screen and (max-width: 700px) {
.template-pages {
padding-top: 0em;
}
}
@media only screen and (max-width: 500px) {

.overview p, #military p, #college p, .val-sals-container p {
text-align: center;
font-size: 1em !important;
}
.row.btns {
padding: 1em;
margin: 0 !important;
}
.top-btns img {
display: none;
}
.school-box {
width: 46%;
}
}