body{
    background: url("/files/ian-keefe-304713.jpg") no-repeat center center fixed;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}

body,
html {
    height: 100vh;
    font-family: "Lato";
    color: white;
}

h1 {
  font-weight: 700;
  font-size: 5em;
}

h2 {
  text-shadow: 0px 2px 2px rgba(0,0,0,0.9),
               0px 4px 6px rgba(0,0,0,0.1),
               0px 9px 11px rgba(0,0,0,0.1);
}

h3 {
  color: white;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.9),
               0px 4px 6px rgba(0,0,0,0.1),
               0px 9px 11px rgba(0,0,0,0.1);
}

.calender{
  padding: 10px;
}

.centered {
  padding-top: 10%;
}

.content-title {
  padding-top: 10%;
  padding-bottom: 18%;
  text-align: center;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
}

.content-text {
  color: rgb(220,240,255);
  width: 100%;
  margin: 0 auto;
  font-size: 1.3em;
  margin-bottom: 20px;
}

.fit {
  width: 100%;
}

.fill {
  width: 100%;
  height: 450px;
}

.full-white {
  color: #777;
  background-color: rgb(255,255,255);
  width: 100%;
  margin: 0 auto;
}

.full-blue{
  color: rgb(220,240,255);
  background-color: rgb(1,35,69);
  width: 100%;
  margin: 0 auto;
}

.news {
  padding-top: 15%;
  padding-bottom: 20%;
}

.sales-pitch {
  font-size: 1.3em;
  padding-left:25%;
  padding-right:25%;
  margin-top:3%;
  margin-bottom:3%;
}

.rectangle-01 {
  text-align: center;
  background: url("/files/rectangle_01.png");
  background-size: cover;
}

.square-01 {
  padding-top: 5%;
  height:450px;
  text-align: center;
  background: url("/files/square_01.png");
  background-size: cover;
}

.square-02 {
  padding-top: 5%;
  height:450px;
  text-align: center;
  background: url("/files/square_02.png");
  background-size: cover;
}

.square-03 {
  padding-top: 5%;
  height:450px;
  text-align: center;
  background: url("/files/square_03.png");
  background-size: cover;
}

.image-fit {
  width: 100%;
  border-radius: 8px;
}

.title-hr {
  width: 40%;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.footer-bg {
  color: #777;
  text-align: center;
}

.transparent-bg {
  //background-color: rgba(0,0,0,0.8);
  border-radius: 5px;
  padding-bottom: 20px;
}

.solid-bg {
  background-color: rgba(1,35,69,1);
  border-radius: 5px;
  padding-bottom: 20px;
}

div.img {
  //border: 1px solid #ccc;
}

div.img:hover {
  background-color:rgba(0,0,0,.3);
  //border: 1px solid #777;
}

div.img img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center; 
  min-height: 100px;
}

.responsive {
  padding: 5px;
  float: left;
  width: 23%;
}

@media only screen and (max-width: 700px){
  .responsive {
    width: 49%;
    margin: 6px;
  }
  .rectangle-01 {
    background:none;
  }
}

@media only screen and (max-width: 500px){
  .responsive {
    width: 100%;
  }
  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (max-width: 1025px) {
  .sales-pitch {
    font-size: 1.2em;
    padding-left:5%;
    padding-right:5%;
    margin-top:5%;
    margin-bottom:5%;
  }

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}