body{
  }

  .csblue {
    color:#00a4e4 !important;
  }

  .csyellow {
    color:#f4f961 !important;
  }

  .blue-line {
    height: 70px;
    background-color: #24358f;
    position: fixed;
    right:0;
    left:0;
    z-index: 500;
  }

  .padding-line {
    height: 70px;
  }

  .logo img{
    position: fixed;
    top: 0px;
    z-index: 2000;
    width: 400px;
  }


  .slider{
    height: 500px;
    overflow: hidden;
  }  

  .logo-padder{
    height: 100px;
  }

  .slider img{
    width: 100%;
  }

  .right{
    text-align: right;
  }

  .footer{
    background: black;
    color: white;
  }

  .footer a{
    text-decoration: underline;
    color: white;
  }

  .footer a:hover{
    text-decoration: none;
    color: white;
  }

  .row{
    padding: 20px;
  }

  .blue{
    background-color: #24358f;
    height: 275px;
    outline: white 10px solid;
    color:white;
  }

  .mission{
    background-color: #24358f;
    color:white;
  }

  .blue a img{
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

  .transparent-bg{
    background: rgba(0, 0, 0, 0.70);
    color:white;
  }

  .slider-float{
    position: absolute;
    top:170px;
    width: 1150px;
  }

  .slider-float p{
    padding-top: 10px;
  }


  @media (max-width: 767px) {
   .padding-line {
     height: 270px;
   }

   .logo-padder{
    display: none;
  }

  .logo img{
    width: 400px;
    height: 200px;
    position: relative;
    top:70px;
    z-index: 500;
  }

  .slider{
    height:auto;
    position: relative;
  }


  .cool img{
    width:90%;
  }

  .blue h2{
    padding-top: 20px;
  }

  .read-more-button{
    text-align: center;
  }
  .blue a img{
    position: relative;
    bottom: 20;
    right: 0;
  }


  .mobile-center{
    text-align: center;
  }

  .right{
    text-align: center;
  }

  .footer{
    text-align: center;
  }

  .slider-float{
    position: absolute;
    top:50px;
    width: 95%;
  }

  }
  @media (max-width: 400px) {
   .logo img{
    width: 90%;
    height: auto;
  }

  .slider{
    height:320px;
  }

  }