.jumbotron-fluid {
    height: 220px;
    margin-bottom: 0px;
    background-image: url(../images/header.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Anton', sans-serif;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
    padding-top: 80px;
}

#welcome {
    width: 80%;
    margin: 0 auto;
    background-color: white;
    padding-bottom: 20px;
    border: 1px solid #311F39;
    margin-top: 40px;
    margin-bottom: 40px;

}

.content{
    background-image: url(../images/background2.jpg);
    background-position: 0% 45%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

h1{
    font-size: 60px;
}

.navbar {
    background-color: #1C223C;
    color: white;
}

.headercolor {
    background-color:    #efeff6;
}


h3 {
    font-family: 'Anton', sans-serif;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #1C223C;
}

.btn-primary {
    background-color: #adadd1;
    border: #32589F;
}

.btn-primary:hover {
    background-color: #32589F;
}

.card-deck {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 40px;
   
}

.card-header {
    background-color: #1C223C;
    color: white;
}

.connect {
    width: 40%;
}

.footer {
    height: 45px;
    width: 100%;
    padding-top:10px;
    background-color: lightslategrey;
    color: white;
    text-align: center;
 }

 #footer {
     margin-bottom: 0px;
 }

 @media screen and  (min-width: 0px) and (max-width: 768px) {
   .connect {
      width: 100%;
      flex-direction: column !important;
    }
    .img-responsive{
      width: 80px;
      height: 80px;
    }

    card-deck {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap; 
        align-items: stretch;
      }
      .card-deck .card {
        display: block;
        flex-basis: 100%; 
        margin-bottom:25px;
      }
  }

  @media screen and (min-width: 768px) and (max-width: 992px){
      
    .card-deck {
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap; 
        align-items: stretch;
      }
      .card-deck .card {
        display: block;
        flex-basis: 33%; 
        margin-bottom:25px;
      }

      .connect{
          margin-top: -20px !important;;
      }   
   }