/* Font Styles */
body { font-family: 'Roboto', sans-serif; }
body { font-size: 16px; }
body { color: black; }
a, a:hover { text-decoration: none; }
p { font-size: 18px; }
p { line-height: 26px; }
p.small { font-size: 14px; }
li { font-size: 21px; }
li { list-style-type: disc; }
ul { padding-left: 20px; }
.blue { color: #0969B0; }
.white { color: white; }
.gray { color: #2a2a2a; }
.red { color: red; }
.medium { font-weight: 500; }
.semibold { font-weight: 600; }
.bold { font-weight: 700; }
.extrabold { font-weight: 800; }
.center { text-align: center; }
.right { text-align: right; }

h1 { font-size: 60px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 25px; }
h1, h2, h3, h4 { font-family: 'Raleway', sans-serif; }
img { max-width: 100%; height: auto; }

@media (max-width: 767px) {
  h1 { font-size: 42px; }
  h2 { font-size: 28px; }
  h3 { font-size: 24px; }
  h4 { font-size: 20px; }
}

/* Spacing Styles */
.mtop-10 { margin-top: 10px; }
.mtop-20 { margin-top: 20px; }
.mtop-30 { margin-top: 30px; }
.mtop-40 { margin-top: 40px; }
.mtop-60 { margin-top: 60px; }
.mbot-10 { margin-bottom: 10px; }
.mbot-20 { margin-bottom: 20px; }
.mbot-30 { margin-bottom: 30px; }
.mbot-40 { margin-bottom: 40px; }
.mbot-60 { margin-bottom: 60px; }

@media (max-width: 767px) {
  .mtop-20 { margin-top: 10px; }
  .mtop-30 { margin-top: 15px; }
  .mtop-40 { margin-top: 20px; }
  .mbot-20 { margin-bottom: 10px; }
  .mbot-30 { margin-bottom: 15px; }
  .mbot-40 { margin-bottom: 20px; }
  .mbot-60 { margin-bottom: 30px; }
}

/** Header Styles **/
img.logo { margin: 55px 0 35px 0; max-width:250px; }
.header-top { background-color: #0A4C9C; border-radius: 0 0 10px 10px; }
.header-top { margin-bottom: 10px; padding: 8px 20px; float: right; }
.header-top { font-size: 12px; }
.header-top a, .header-top a:hover { color: #ffffff; }
.header-top a { padding: 0px 5px; }
.contact-info { padding: 10px 0; }
.contact-info p { font-size: 14px; margin: 0; }

/** Section Styles **/
section#hero { background: url(../img/hero.jpg) center 25% no-repeat; min-height: 724px; }
section#hero { background-size: cover; }
section#content { margin: 60px 0; }
section.blue-bkg, section.ltblue-bkg { padding: 60px 0; }
section.blue-bkg { background-color: #0969B0; background-image: linear-gradient(to bottom right, #09348C, #0969B0); }
section.ltblue-bkg { background-color: #F0F9FF; }
.contact-info { background-color: #0A4C9C; }
hr.blue { border: 2px solid #0969B0; }

/** Button Styles **/
.btn { background-color: #0A4C9C; }
.btn, .btn-blue, .btn-white { font-size: 24px; }
.btn-gray { background-color: #2a2a2a; }
.btn-gold { background-color: #DDA127; }
.btn-blue { background-color: inherit; border: 2px solid #0A4C9C; }
.btn-white { background-color: inherit; border: 2px solid white; }
.btn-gold { font-size: 24px; }
.btn, .btn-white, .btn-gold, .btn-blue { border-radius: 5px; padding: 15px 40px;}
a.btn, a.btn-white, a.btn-gold, a.btn-blue:hover { color: white; }
a.btn-blue, a.btn-white:hover { color: #0A4C9C; }
a.btn-white { color: white; }
a.btn-white:hover { background-color: white; }
a.btn-blue:hover { background-color: #0A4C9C; }

@media (max-width: 1024px) {
  section#hero { background: #ececec; min-height: 100%; padding-bottom: 60px; }
  iframe { width: 100%; height: 600px; }
}

@media (max-width: 767px) {
  .btn, .btn-white, .btn-gold, .btn-blue { display:block; }
  iframe { height: 650px; }
}

/** Modal **/
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position:relative;
  padding:0px;
}

/* Footer Styles */
footer { width: 100%; padding: 30px 0; }
footer { font-size: 12px; }
footer { background-color: #F0F9FF; }