@media only screen and (min-width: 320px){
    .form,.img{
        float: none;
    }
    .form{
        width: 90%;
        padding: 0px;
        margin-left: 18px;
    }
    .img>img{
        padding: 0px;
        margin-left: 10px;
        max-height: 258px;
    }
    .img{
        width: 90%;
        min-height: 300px;
        margin-top: -30px;
        margin-left: 20px;
    }
    .container{
       max-height: inherit;
    }
    .p1{
      font-size: 17px;
    }
    .p2{
        font-size: 15px;
    }
    .p3{
        font-size: 13px;
    }
    .form>p{
        font-size:16px;
    }
}
@media only screen and (min-width: 340px){
  .img{
    margin-left: 30px;
  }
  .form{
    margin-left: 18px;
  }
}
@media only screen and (min-width: 360px){
  .img{
    margin-left: 40px;
  }
  .form{
    margin-left: 26px;
  }
}
@media only screen and (min-width: 375px){
  .img{
    margin-left: 50px;
  }
  .form{
    margin-left: 30px;
  }
}
@media only screen and (min-width: 414px){
  .img{
    margin-left: 68px;
  }
}
@media only screen and (min-width: 480px){
     .form,.img{
        float: none;
    }
    .form{
        width: 90%;
        padding: 10px;
        margin-left:25px;
        margin-top: 30px;
    }
    .img>img{
        padding: 0px;
        margin-left: 21px;
        max-height:400px;
        padding-bottom: 20px;
    }
    .img{
        width: 90%;
        min-height: 250px;
        margin-left: 18px;
        margin-top: -30px;
    }
    .container{
       max-height: inherit;
    }
    .p1{
      font-size: 20px;
    }
    .p2{
        font-size: 22px;
    }
    .p3{
        font-size: 14px;
    }
    .form>p{
        font-size:18px;
    }

}
@media only screen and (min-width: 560px){
  .img{
    margin-left:75px;
  }
  .form{
    margin-left: 30px;
  }
}
@media only screen and (min-width: 600px){
    .form,.img{
        float: left;
    }
    .form{
        width:51%;
        padding: 0px;
        margin-left:13px;
    }
    .img>img{
        padding: 0px;
        margin-left: 0px;
        max-height: 290px;
        padding-bottom: 0px;
    }
    .img{
        width: 45%;
        padding: 0px;
        min-height:450px;
        margin-left: 0px;
        margin-top: 90px;
    }
    .container{
       max-height: inherit;
    }
    .p1{
      font-size: 22px;
    }
    .p2{
        font-size: 26px;
    }
    .p3{
        font-size: 14px;
    }
    .form>p{
        font-size:20px;
    }

}
@media only screen and (min-width: 768px){
        .form,.img{
        float: left;
    }
    .form{
        width: 45%;
        margin-left:35px;
        margin-top: 25px;
    }
    .img>img{
        padding: 0px;
        margin-left:0px;
        max-height: 410px;
    }
    .img{
        width: 45%;
        min-height: 280px;
        margin-top: 60px;
        margin-left: 0px;
    }
     .p1{
      font-size: 24px;
    }
    .p2{
        font-size: 28px;
    }
    .p3{
        font-size: 16px;
    }
    .form>p{
        font-size:22px;
    }

}
@media only screen and (min-width: 992px){
     .form,.img{
        float: left;
      }
     .form{
         width: 50%;
        margin-left:52px;
         margin-top: 43px;
      }
    .img>img{
        padding: 0px;
        max-height: 450px;
    }
    .img{
        width: 40%;
        min-height: 280px;
        margin-left: 0px;
        margin-top: 50px;
    }
    .container{
        max-height: inherit;
    }
    .form>p{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .p1{
      font-size: 24px;
    }
    .p2{
        font-size: 28px;
    }
    .p3{
        font-size: 16px;
    }
}
@media only screen and (min-width: 1200px){
.Logo{
    padding: 30px;
}
.container{
    margin-left: 30px;
    margin-right: 30px;
}

.form{
    width: 50%;
    padding:25px;
    margin-left:35px;
    margin-top: 30px;
}
.img{
    min-height:540px;
    width: 35%;
    margin-top:30px;
    margin-left: 20px;
}
.img>img{
    max-height:530px;
    margin-top: 18px;
    margin-left: 0px;
}
 .form>p{
        font-size: 26px;
        margin-bottom: 15px;
    }
    .p1{
      font-size: 26px;
    }
    .p2{
        font-size: 32px;
        margin-bottom:30px;
    }
    .p3{
        font-size: 15px;
    }

}
@media only screen and (min-width: 1366px){
    .img{
        margin-top:27px;
        width: 35%;
        margin-left: 0px;
    }
    .form{
        margin-left: 55px;
        width: 53%;
    }
}