/* <!-- This styles.css was created by Kurt Brown on December 1, 2022 for the WEB 110 Final Project --> */

body, html{
    margin: 0;
    padding: 0;
    border: 0;
 }

 body{
    background-color: black;
 }

div{
    padding: 10px;
}

img{
    display: block;
    float: left;
  }

  h1, h2, h3{
    font-family: 'PT Serif', serif;
  }
  
.section1{
   background-image: url("../images/pexels-polina-zimmerman-3747473.jpg");
}

.section2{
    background-color: burlywood;
    text-align: center;
 }

 .section3{
    padding: 0%;
  }
 
  .btn{
    background-color: burlywood; 
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-family: 'PT Serif', serif;
    display: inline-block;
    font-size: 16px;
  }
  
 @media screen and (min-width:320px) and (max-width:767px){
   img{
    width: 100%;
   }
}

 @media screen and (min-width:768px) and (max-width:1279px){
    img{
     width: 100%;
    }
}

@media screen and (min-width:1280px){
    img{
    display: inline-block;
    width: 33.3%;
    margin: 0px
    }
}