body {
    background-color: #9e9e9e1f;
    font-family: sans-serif;
    
  }
  /*Start Header*/
  header {
    margin:25px 0px 0px 13px;
    
  
  }
  header .fa-chevron-left{
    margin-top: 15px;
    color: #ff5722;
  }
  header h1 {
    margin:3px 0px 0px -8px;
  }
  header p {
    font-size: 14px;
  }
  .images {
    display: flex;
    overflow: hidden;
  }
  .images img {
    margin-right: 16px;
    border-radius: 6px;
    box-shadow: 1px 5px 6px #888888;
    width: 90px;
    height: 72px;
  }
  .images span {
    font-size: 12px;
    color: #b3afaf;
  }
  /* End Header */
  /* Start Responsive For Header */
    @media (max-width: 1400px)and (min-width: 992px) {
      header {
        text-align: center;
        font-size: 25px;
      }
      header article section {
        width: 300px;
        height: 200px;
      }
      .images {
        justify-content: space-around;
        overflow: visible;
      }
      header .images img {
        width: 96%;
        height: 100%;
      }
      .images span {
        font-size: 20px;
        color: #b3afaf;
      }
    }
    @media (max-width: 991px) and (min-width: 400px) {
      header {
        text-align: center;
        font-size: 25px;
      }
      header article section {
        width: 200px;
      
      }
      .images {
        justify-content: space-around;
        overflow: visible;
      }
      header .images img {
        width: 96%;
        height: 100%;
      }
      .images span {
        font-size: 16px;
        color: #b3afaf;
      }
    }
  /* End Responsive For Header */

  /* Start Section*/
  .gallery {
    margin-top: 25px;
    width: 100%;
    height: 100%;
  }
  .gallery .img {
    width: 100%;
    height: 100%;
    box-shadow: 1px 5px 6px #888888;
    border-radius: 15px;
    margin-bottom: 20px;
  }
  .gallery .img-gallery {
    display: flex;
  }
  .gallery .img-gallery img {
    border-radius: 15px;
    box-shadow: 1px 5px 6px #888888;

  }

  .gallery .img-left :first-child {
    margin-bottom: 23px;

  }
  .gallery .img-left img {
    width: 162px;
    height: 162px;
  }
  .gallery .img-right img {
    width:120px ;
    height: 352px;
  }
  .gallery .img-right :first-child {
    width: 180px;
  }
  .fa-custom {
    font-size: 250px;
  }
  /*End Section */
  /* Start Responsive for Section */
  @media (min-width: 1200px) {
    .gallery .gal {
      display: flex;
      justify-content: center;
      margin: 80px 25px;
    }
    .gallery .img-gallery {
      display: flex;
      justify-content: center;
      margin-bottom: 100px;
    }
    .gallery .img {
      width: 700px;
    }
    .gallery .img-left {
      display: flex;
    }
    .gallery .img-left img {
      width: 300px;
      height: 200px;
      margin-right: 20px;
    }
    .gallery .img-right :first-child {
      width: 250px;
      height: 200px;
    }
  }
  @media (min-width: 500px) and (max-width: 1199px) {
    .gallery .gal {
      display: flex;
      justify-content: center;
      margin: 80px 25px;
    }
    .gallery .img-gallery {
      display: flex;
      justify-content: center;
      margin-bottom: 100px;
    }
    .gallery .img {
      width: 400px;
    }
  }
  @media (min-width: 951px) and (max-width: 1199px) {
    .gallery .img-left {
      display: flex;
    }
    .gallery .img-left img {
      width: 300px;
      height: 200px;
      margin-right: 20px;
    }
    .gallery .img-right :first-child {
      width: 250px;
      height: 200px;
    }
  }
  
  @media (max-width: 950px) and (min-width: 721px) {
    .gallery .img-left {
      display: flex;
    }
    .gallery .img-left img {
      width: 200px;
      height: 200px;
      margin-right: 20px;
    }
    .gallery .img-right :first-child {
      width: 200px;
      height: 200px;
    }
  }
  
  @media (max-width: 720px) and (min-width: 400px) {
    .gallery .img-left {
      display: flex;
    }
    .gallery .img-left img {
      width: 150px;
      height: 200px;
      margin-right: 20px;
    }
    .gallery .img-right :first-child {
      width: 150px;
      height: 200px;
    }
  }
/* End Responsive for Section */
   /*Start Footer */
  footer {
    background-color: #fff;
    text-align: center;
    border-radius: 30px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left:0;
  }
  footer .icons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    margin-left: 36px;
    
  }
  footer .icons i {
    font-size: 15px;
    color: #ff5722;
    padding-right: 36px;
   

  }
  
  footer .icons .fa-plus-circle {
    font-size: 50px;
  }
  
  /*End Footer*/
  /* Start Responsive for Footer*/
  @media (max-width: 1400px) and (min-width:500px) {
    footer {
      width: 100%;
    }
    footer .icons {
      padding-top: 29px;
      display: flex;
      justify-content: space-evenly;
    }
    footer .icons i {
      font-size: 26px;
      color: #ff5722;
      padding-right: 36px;
    }
    footer .icons .fa-plus-circle {
      font-size: 65px;
      margin-top: -14px;
    }
  }
  /* End Responsive for Footer*/