body {
    background-color: #f7f7f7;
    margin:0;
    padding:0;
  }       
  h1, a, li {
      font-family: gopher, sans-serif;
      font-size: 32px;
      color: black!important;
      font-style: normal;
      font-weight: 100;
      padding: 0;
      margin: 0;
  }
  h2 {
    font-family: gopher, sans-serif;
    font-size: 24px;
    color: black!important;
    font-style: normal;
    font-weight: 100;
    padding: 0;
    margin: 0;
}
  a:focus, a:hover {
      text-decoration: underline!important;
  }
  a.nounderline {
      text-decoration: none!important;
  }
  .footer {
      font-size: 18px;
      font-weight: lighter;
      font-family: gopher, sans-serif;
      color: black;
      margin: auto;
  }
  p {
      font-family: gopher, sans-serif;
      font-style: normal;
      font-weight: 100;
      font-size: 24px;
      color: black;
      line-height: 1.2
  } 

  /* Hide scrollbar for Chrome, Safari and Opera */
  
  .example::-webkit-scrollbar {
      display: none;
      width: 0;
  }

  /* Hide scrollbar for IE and Edge */
  .example {
      -ms-overflow-style: none;
      overflow-x: hidden;
  }
  .clearfix {
      overflow: auto;
  }

  .carousel-indicators li {
      width: 10px;
      height: 10px;
      border-radius: 100%;
  }
.align-to-right {
    padding-right:0!important;
    margin-right:0!important;
}
  .images {
      opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      backface-visibility: hidden;
  }

  .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
  }
  .middle a:hover{
      text-decoration: none !important;
  }
  .card:hover .images {
      opacity: 0.6;
  }

  .card:hover .middle {
      opacity: 1;
  }
  .cardoverride {
    background-color: #f7f7f7 !important;
    border: none !important;
    border-radius: 0 !important;
  }
  .ipad-navbar-container{
    height: 60px; 
    background-color: #f7f7f7; 
    padding: 0px!important;
  }
 .ipad-navbar {
    padding:0 48px 0 48px!important; 
    background-color: #f7f7f7;
 }
 .notipad-navbar-container{
    height: 96px; 
    background-color: none; 
    padding: 0px 48px 0px 48px!important;
  }
 .notipad-navbar {
    height: 96px; 
    padding: 0px!important;
 }