body {
              /*min-height: 75rem;  Can be removed; just added for demo purposes */
            }

            .navbar {
              margin-bottom: 0;
            }
            .container {
                max-width: 100% !important;
            }
            .jumbotron {
              padding-top: 6rem;
              padding-bottom: 6rem;
              margin-bottom: 0;
              background-color: #fff;
            }

            .jumbotron p:last-child {
              margin-bottom: 0;
            }

            .jumbotron-heading {
              font-weight: 300;
            }

            .jumbotron .container {
              max-width: 40rem;
            }

            .album {
             
              background-color: #f7f7f7;
            }

            .card {
              float: left;
              width: 100%;
              height: 228px;
              box-shadow: black 1px 1px 1px 1px;
              padding: .15rem;
              margin-right: 20px;
              margin-bottom: 6px;
              border: 0;
              font-size: 7.9pt !important;
            }

            .card>li{
              border-top: solid 1px;
              list-style-type: none;
            }

            .card > img {
              margin-bottom: .75rem;
            }

            .card-text {
              font-size: 85%;
            }

            footer {
              padding-top: 3rem;
              padding-bottom: 3rem;
            }

            footer p {
              margin-bottom: .25rem;
            }

@media only screen and (max-width: 800px) {
.container{  
     background-color: aqua  !important;

}
.h2{
       font-size: 1px !important;

}
.card{
    font-size: 7pt !important;


}
.col-md-1{
    max-width: 12%!important;
}
.card_media{
	margin-top:27px!important;
}



}