/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     img {
         height: 40%;
         width: 100%;
     }

     /* currently does not seem to work */
     /* .gradient-bg {
        background: rgb(250,157,111);
        background: linear-gradient(0deg, rgba(250,157,111,1) 35%, rgba(253,207,184,1) 79%); 
     } */
 }
 
 body{
     background-color: #ffe4e1;
 }
 /* need to find a link color solution */
a{
    color: blue;
}
.hLink{
    color: black;
}

.hLink:hover{
    color: black;
    /* text-decoration: none; */
}
 img {
     width: 90%;
 }

 .card {
     border: none;
     border-radius: 0%;
 }

 .gradient-bg {
    background: rgb(253,207,184);
    background: linear-gradient(90deg, rgba(253,207,184,1) 31%, rgba(250,157,111,1) 95%); 
 }

 .default-bg{
     background-color:  #ffe4e1;
 }