h1, p {
    text-align:center;
    color:rgb(242, 71, 222);
    
}
img {
    width:30%;
    margin-left: auto;
    margin-right: auto;
    display:block;

}
.main-header {
    background-image:linear-gradient(rgb(208, 61, 125), rgb(235, 148, 210));
    position:fixed;
    top:0;
    right:0; 
    left:0;
    height:48px;  
 }
 .header-info {
    text-align:left;
    color:rgb(236, 23, 218);
    position:absolute;
    left:0;
    padding:0;
    margin:14-x 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(165, 38, 133);
    padding:10px;
    float:left;
  }
  
  a:hover {
    background-color: burlywood;
  }
  .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(235, 148, 210);
   padding: 5px;
  }
  .square{
width: 250px;
height:250px;
  }
  h3,p{
   text-align: center;
   padding:5px;
   color:rgb(208, 61, 125)
  }
  img{
   border: 5px solid rgb(208, 61, 125);
   border-radius:5px;
   box-shadow: 5px 5px 5px rgb(239, 119, 205);
   opacity: 1;
  }
  /* body{
   background-image: url("yesking.jpg");
   background-size:cover;
  } */
   section.products{
      background-image:url("yesking.jpg");
      background-size: cover;
   }
     table, tr, th, td {
	    border: 2px solid rgb(255, 0, 183);	  
       border-collapse: collapse;	 
       margin-right: 35px; 
       margin-left: 35px;
     }
     th {
      color: white;
      background-color: rgb(255, 114, 194);
  }
  tr, th,td{
      height: 100px;
      width:500px;
      text-align: center;
       vertical-align: center;
     
  }
  .Day {
    background-color:rgb(207, 162, 197);
    border: 2px solid rgb(233, 144, 224);
    color: black;
    font-size: 30px;
    border-radius: 8px;
    padding: 5px 8px;
  }
  
 .Day:hover {
    background-color: rgb(223, 48, 165);
    color: white;
  }
  .Night {
    background-color:rgb(117, 225, 255);
    border: 2px solid rgb(91, 98, 228);
    color: black;
    font-size: 40px;
    border-radius: 8px;
    padding: 5px 8px;
  }
  
 .Night:hover {
    background-color: rgb(48, 74, 223);
    color: white;
  }
  .container{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items:center;
  }
  .tab{
    background-color:gainsboro;
    width:300px;
    padding:40px;
    margin:20px;
    border-radius:20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  }
  h1.name{
    font-size:30px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: black;
  }
  h2.price{
    font-size: 30px;
    color: black;
  }
  .list{
    list-style-type:disc;
    margin-bottom:50px;
    text-align:left;
  }
  .list li{
    margin: top 20px;
    color:black;
  }
  hr{
    height:7px;
    width:80%;
    margin: auto;
    background-color:#ee73d2;
    border:none;
    border-radius: 50px;
    margin-top:20px;
  }
  button{
    display:flex;
    background-color: pink;
    border-radius: 8px;
    color:white;
    padding:8px;
    border:none;
    font-size:20pt;
    align-items:center;
    justify-content: center;
    
  }
  button:hover{
    transform:scale(1.2,1.2);
    background-color:rgb(219, 75, 164);
    cursor: pointer;
  }
  div.about {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 30px;
    background-color: rgb(244, 195, 214);
    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(232, 88, 198);
}
.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(162, 52, 113);
  text-align:left;
  width: 100%;
}

.info-right {
  color: rgb(231, 92, 208);
  text-align: right;
  width: 100%;
}
.info-center {
  color: rgb(233, 83, 188);
  text-align: center;
  width: 100%;
  padding-top: 5px;
  border-top: 1px solid rgb(167, 84, 134);
}
footer {
  background-image: linear-gradient(rgb(252, 
  232, 204), rgb(238, 177, 240));
}
.fa-map-marked-alt, .fa-map-pin, .fa-address-book, .fa-phone-alt, .fa-instagram {
  margin: 6px;
  color: rgb(252, 91, 188);
} 
.portrait {
  max-width: 100%;
  max-height: 350px;
}

@media (max-width: 600px) {
  * {
      font-size: 2vw;
      margin: 2px;
    }
}