.layout{
    width:85vw;
  
  
  }
  
  .tagline{
      display: flex;
     
      width: 100%;
      align-items:center;
      margin-bottom: 7vh;
     
     
  }
  .left1{
      width:75%;
      height: 100%;
      font-family: Arial, Helvetica, sans-serif;
     
  }
  .left1 p{
    margin-right: 30px;
     font-size: 20px;
  }
  .left1 h1{
    margin:20px 20px 20px 0px;
    color:rgb(124, 21, 21);
    font-size: 40px ;
  }
  .right1{
    width:35%;
    height: 100%;

  }
  .right1 img{
      width: 350px;
  }
  .layout2{
      width: 100%;
      display: flex;
      margin-top: 7vh;
      height:auto;


  }
  .left2{
      width: 40%;
      display: flex;
      flex-direction: column;
      height: auto;
     
  }
  .left2 img{
      margin-bottom: 20px;
      width:30vw;
  }
  .right2{
   
    width:65% ;
    font-family: Arial, Helvetica, sans-serif;
   
     
  }
  .right2 p{
    margin: 20px;
  }
  .images{
      display:flex;
      flex-wrap: wrap;
      margin-top:7vh;
      justify-content: space-around;
  }

 
  @media screen and (max-width:1200px){
      .layoutt{
          width:90vw;
      }
      .left2 img{
        margin-bottom: 20px;
        width:35vw;
    }
    .left1 p{
        margin-right: 30px;
         font-size: 17px;
      }
      .right1 img{
        width: 300px;
    }
    .tagline2{
        font-size: 25px;
    }
    .right2 p{
        margin: 20px;
        font-size: 17px;
      }
  }
  @media screen and (max-width:1000px){
  
    .right1 img{
        width: 250px;
    }
    .left1 h1{
       
        font-size: 35px ;
      }
      .layout2{
          flex-direction: column;
          width: auto;
          align-items: center;
      }
      .layout2 .left2{
          flex-direction:row ;
          height:auto;
          width:100%;
          justify-content: space-around;
      }
      .layout2 .right2{
      width:100%;
          height:auto;
      }
     
  }
  @media screen and (max-width:700px){
    .layoutt{
       
        margin-top: 5vh;
    }
    .tagline{
        flex-direction:column;
        height:auto;
        width:100%;
    }
    .right1 img{
        width: 300px;
    }
    .tagline .left1{
        width:100%;
        height: auto;
    }
    .tagline .right1{
        width:100%;
        height: auto;
    }

  }
 