body{
  background-color: rgba(135,206,176,1) !important;
  height: 100%;
  width: auto;
}

#navbar{
  background-color: rgb(50,71,101);
}

.navbar .navbar-nav .nav-link{
  font-family: "Oswald" !important;

}

#home-deck{
  margin-top: 7%;
}

#card-running{
  vertical-align: bottom;
  text-align: center;
}

#card-programming{
  vertical-align: bottom;
  text-align: center;
}

#card-gaming{
  vertical-align: bottom;
  text-align: center;
}

.home-info{
  position: relative;
  margin-top: 3%;
  text-align: center;
  font-family: 'Oswald';
  font-weight: 400;
}
.home-info h1{
  color:  rgb(50,71,101);
  text-align: center;
  font-family: 'Oswald';
  font-weight: 900;
}

#card-text{
  font-family: "Oswald";
}

@media only screen and (max-width: 600px){
  #card-running{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }

  #card-gaming{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }

  #card-programming{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  body{
    background-color: green;
  }
  #card-running{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }

  #card-gaming{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }

  #card-programming{
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 10%;
  }
}