body {
  color: #fff;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-position-y: 150px;
  background-attachment: fixed;
  background-image: linear-gradient(to bottom right, #173e5f, #2d506e)!important;
}

header {
  position: fixed;
  left: 15px;
  padding-left: 15px;
  top: 0;
  height: 150px;
  background-image: url(/assets/images/header2.jpg);
  background-position: 6% 0;
  width: 100%;
  border-bottom: 1px solid #397bb8;
  z-index: 4;
}

main {padding-top: 175px}
hr {background-color: #397bb8}
h1 {font-size: large}
h2 {font-size: x-small}
h7 {font-size: 12px}

#layout {position: absolute; top: 170px; left: 17px;}
#lines {width: 19px; cursor: pointer}

a:link {color: #FFFFFF; text-decoration: none}
a:visited {text-decoration: none; color: #FFFFFF}
a:hover {text-decoration: underline; color: #FFFFFF}
a:active {text-decoration: none; color: #FFFFFF}

#phoneNumber {position: fixed; top: 200px; left: 25px; width: 49px; height: 310px}

.shadow {box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,0.15),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important}
.card {
  width: 300px;
  background-color: #183f60;
  border: solid 1px #fff;
transition: box-shadow 0.3s ease-in-out;
  margin: 15px auto;
}

.card:hover {background-color: #1c496e;   box-shadow: 3px 6px 11px 2px #000000a6;}

#zoom {
  width: 75px;
  position: absolute;
  left: 12px;
  top: 12px;
}

.links{ margin: 0 auto}

header > div > a > img {
    width: 200px;
    position: relative;
    top: -30px;
    border-bottom: 1px solid #397bb8;
    padding-bottom: 8px;
    margin-bottom: -24px;
}

.prefix {color: #93a4b3}

.video {
  box-shadow: 5px 5px 20px 0px #000;
  /* border: solid 2px #93a4b3; */
  margin-bottom: 30px;
  /* background-color: #f1f3f4; */
}

.audio { margin-bottom: 30px; width: 85%; height: 25px;}