@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://www.fontbros.com/library/styles/webfont-EQMOCA1OV2.css');
@import url('https://www.fontbros.com/library/styles/webfont-C6NI110FHF.css');

:root {
  --primary-color:#024751;
  --primary-color-rgb:2, 71, 81;
  --secondary-color:#4c4c4c;
  --secondary-color-rgb:76, 76, 76;
  --tertiary-color:#eaeaea;
  --tertiary-color-rgb:234, 234, 234;
  --white:#FFFFFF;
}

body,
html {
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

body {
  background-color:rgba(var(--primary-color-rgb), 0.015);
}

div.logo img {
  height:75px;
  width:auto;
  z-index:100;
}

header {
  padding:15px 0 15px 0;
  background:var(--primary-color);
}

header nav {
  padding:10px 10px 10px 10px;
  margin-top:20px;
}

main {
  padding:45px 0 45px 0;
}

section.intro {
  background:var(--tertiary-color);
}

footer {
  background:var(--primary-color);
  padding:15px 0 15px 0;
}

img.img-fluid {
  margin-bottom:20px;
}

form input.text {
  padding:8px 0 2px 0;
  color:var(--white);
  font:16px/16px 'webfont-C6NI110FHF', Arial, Helvetica, sans-serif;
  -webkit-appearance:none;
  width:100%;
  border:none;
  border-bottom:1px solid var(--secondary-color);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:rgba(var(--secondary-color-rgb), 0.6);
}

::-moz-placeholder { /* Firefox 19+ */
  color:rgba(var(--secondary-color-rgb), 0.6);
}

:-ms-input-placeholder { /* IE 10+ */
  color:rgba(var(--secondary-color-rgb), 0.6);
}

:-moz-placeholder { /* Firefox 18- */
  color:rgba(var(--secondary-color-rgb), 0.6);
}

/********************
  Text Styles
********************/

p, li {
  font:16px/1.6em 'webfont-C6NI110FHF', 'Poppins', Arial, Helvetica, sans-serif;
  color:var(--primary-color);
  margin:0 0 1em 0;
  letter-spacing:0.1px;
}

li {
  margin:0 0 0.33em 0;
}

header > table p + p {
  margin-top:48px;
}

h1,
h2 {
  font:54px/1em 'webfont-EQMOCA1OV2', Arial, Helvetica, sans-serif;
  color:var(--primary-color);
  margin:0 0 0.95em 0;
  text-transform:uppercase;
}

section.intro h1,
section.intro h2 {
  color:var(--primary-color);
}

footer p,
footer a {
  color:var(--tertiary-color);
}

h3 {
  font:26px/1.3em 'webfont-EQMOCA1OV2', Arial, Helvetica, sans-serif;
  color:var(--primary-color);
  margin:0 0 0.95em 0;
}

h4 {
  font:24px/1.3em 'webfont-EQMOCA1OV2', Arial, Helvetica, sans-serif;
  color:rgba(var(--secondary-color-rgb), 0.75);
  margin:0 0 1em 0;
}

/********************
  Link Styles
********************/

a,
a:hover {
  color:rgba(var(--secondary-color-rgb), 0.6);
  text-decoration:none !important;
  transition:all 0.5s;
}

footer a:hover {
  color:var(--white);
  transition:all 0.5s;
}

nav a {
  display:inline;
  font:24px/1em 'webfont-EQMOCA1OV2', Arial, Helvetica, sans-serif;
  color:var(--white);
  text-transform:uppercase;
  letter-spacing:3px;
}

nav a:hover,
nav a.on {
  color:var(--tertiary-color);
}

nav a + a {
  margin-left:40px;
}

a.btn {
  font-size:20px;
  background-color:rgba(var(--secondary-color-rgb), 0.6);
  font-weight:600;
  color:var(--white) !important;
}

a.btn:hover {
  background-color:var(--secondary-color);
}

/********************
  Bootstrap Override Styles
********************/

.row {
  margin-left:-30px;
  margin-right:-30px;
}

.container, .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
  padding-left:30px;
  padding-right:30px;
}

.row.thin-padding {
  margin-left:-15px;
  margin-right:-15px;
}

.row.thin-padding .col, .row.thin-padding .col-lg-1, .row.thin-padding .col-lg-10, .row.thin-padding .col-lg-11, .row.thin-padding .col-lg-12, .row.thin-padding .col-lg-2, .row.thin-padding .col-lg-3, .row.thin-padding .col-lg-4, .row.thin-padding .col-lg-5, .row.thin-padding .col-lg-6, .row.thin-padding .col-lg-7, .row.thin-padding .col-lg-8, .row.thin-padding .col-lg-9, .row.thin-padding .col-md-1, .row.thin-padding .col-md-10, .row.thin-padding .col-md-11, .row.thin-padding .col-md-12, .row.thin-padding .col-md-2, .row.thin-padding .col-md-3, .row.thin-padding .col-md-4, .row.thin-padding .col-md-5, .row.thin-padding .col-md-6, .row.thin-padding .col-md-7, .row.thin-padding .col-md-8, .row.thin-padding .col-md-9, .row.thin-padding .col-sm-1, .row.thin-padding .col-sm-10, .row.thin-padding .col-sm-11, .row.thin-padding .col-sm-12, .row.thin-padding .col-sm-2, .row.thin-padding .col-sm-3, .row.thin-padding .col-sm-4, .row.thin-padding .col-sm-5, .row.thin-padding .col-sm-6, .row.thin-padding .col-sm-7, .row.thin-padding .col-sm-8, .row.thin-padding .col-sm-9, .row.thin-padding .col-1, .row.thin-padding .col-10, .row.thin-padding .col-11, .row.thin-padding .col-12, .row.thin-padding .col-2, .row.thin-padding .col-3, .row.thin-padding .col-4, .row.thin-padding .col-5, .row.thin-padding .col-6, .row.thin-padding .col-7, .row.thin-padding .col-8, .row.thin-padding .col-9 {
  padding-left:15px;
  padding-right:15px;
}

.row.g-0,
.row.g-0 > div {
  margin:0;
  padding:0;
}

/********************
  Responsive Styles
********************/

@media (max-width:576px) {
  img.img-fluid {
    margin-bottom:0;
  }

  nav {
    font-size:20px;
    top:18px;
    right:18px;
  }
}

@media (max-width:768px) {
}

@media (max-width:992px) {
  nav a + a {
    margin-left:24px;
  }
}

@media (min-width:1200px) {
  div.container {
    max-width:1400px;
  }
}