h1,
p {
    text-align: center;
}

img {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.main-header {
   background-color: white;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   height: 48px;
}

.header-info {
   text-align: left;
   color: rgb(219, 84, 75);
   position: absolute;
   left: 0;
   padding: 0;
   margin: 14px 14px 0 14px;
}.header-info a {
   padding: 0;
   text-decoration: none;
}

.header-info a:hover {
   background-color: transparent;
}

nav {
   position: absolute;
   right: 0;
   display: flex;
}

a {
   text-decoration: none;
   color: rgb(219, 84, 75);
   padding: 15px;
   float: left;
}

a:hover {
   background-color: rgba(222, 184, 135, 0.6);
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.jumbotron {
   margin-top: 5%
}
  .title{
   font-style: italic;
   color: rgb(0, 0, 0)
  }
  h1, h2, h3, p {
   text-align: center;
   color: rgb(0, 0, 0);
  }
  .items{
   display: flex;
   justify-content: center;
  }
  .item{
   display: flex;
   flex-direction: column;
   margin: 10px;
   background-color: rgb(255, 187, 0);
  }
  .portrait{
   width: 260px;
   height: 350px;
  }
  .landscape {
   width: 350px;
   height: 240px;
   }
   .portrait, .landscape {
      border-width: 20px;
      border-style: solid;
      border: 20px solid rgb(228, 231, 133);	    
   }
   .jumbotron-img{
      border-radius: 8px;
   }
   img {
      opacity: 1;
      overflow: hidden;
   }
   img:hover {
      opacity: 0.8;	
      overflow: hidden;    
   }
   h3, p {
      text-align: center;
      padding: 5px;
      color: rgb(0, 24, 43);
   }
   body { 
      background-color: antiquewhite;
      background-size: cover;    
   }
   table, tr, th, td{
      border: 2px solid rgb(255, 187, 0);
      border-collapse: collapse;		    
   }
   .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  
  .tab {
      background-color:  rgb(255, 187, 0);
      width: 300px;
      padding: 40px;
      margin: 20px;
      border-radius: 20px;
      text-align: left;
      
  }
  h1.name {
      font-size: 30px;
      letter-spacing: 2px;
      margin-bottom: 20px;
      color: black;
  }
  h2.price {
      font-size: 38px;
      color: black;
  }
  
  .list {
      list-style-type: disc;
      margin-bottom: 50px;
      text-align: left;
  }
  
  .list li {
      margin-top: 20px;
      color: black;
  }
  
  hr {
      height: 6px;
      width: 100%;
      margin: auto;
      background-color: rgb(255, 0, 0);
      border: none;
      border-radius: 50px;
      margin-top: 20px;
  }
  button {
   background-color: rgba(219, 85, 75, 0.616);
   border-radius: 8px;
   color: white;
   padding: 8px;
   border: none;
   font-size: 20pt;
   margin: 20px auto 0;
   display: block;
  }
  button:hover {
   transform: scale(1.2, 1.2);
   background-color: rgb(219, 85, 75);
   cursor: pointer;
  }  
  div.about {
   display: flex;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   margin-bottom: 30px;
   background-color: blanchedalmond;
   width: 80%;
}

.about {
   text-align: left;
   color: black;
   padding: 10px;
   width: 100%;
}

div.image-about {
   margin-bottom: auto;
   margin-top: auto;
}

img.about-us {
   width: 300px;
}

footer {
   background-color: rgb(245, 235, 220);
}

.main-footer { 
   display: flex;
   justify-content: center;
   width: 100%;
}

.left-footer {
   margin-right: auto; 
   margin-left: 40px;
}

.right-footer {
   margin-left: auto;
   margin-right: 40px;
}

.center-footer {
   margin-left: 20px;
   margin-right: 20px;
}

.info-left {
   color: rgb(219, 84, 75);
   text-align: left;
   width: 100%;
}
.info-right {
   color: rgb(219, 84, 75);
   text-align: right;
   width: 100%;
}

.info-center {
   color: rgb(219, 84, 75);
   text-align: center;
   width: 100%;
   padding-top: 5px;
   border-top: 1px solid rgb(146, 168, 133);
}
@media (max-width: 600px) {
  * {
      font-size: 2vw;
      margin: 2px;
    }
}
.lora-font {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
*{
   font-family: "Lora", serif;
 }