@media only screen and (min-width:300px) and (max-width:600px)
{
    .bg {
          height: 194px!important;
        }

    .navbar-toggler {
                      margin-right: 5%;
                    }

    .logo1{width:48px;}  

    .h1 {
          font-size: 40px!important;
          padding-top: 32%!important;
        }
    .element {
                 width: 244px;
                 margin-left: 15%;
             }

    .expect {
                margin-left: 21%!important;
            }

    .expect1 {
                margin-left: 26%!important;
            }

    .grass1 {
                margin-top: 11%!important;
                font-size: 31px!important;
            }

    .grass2 {
                margin-left: 11%!important;
                font-size: 10px!important;
            }

    .get1 {
                font-size: 12px!important;
          }

     .text20 {
                font-size: 13px!important;
             }

    .text19 {
                padding-left: 20%!important;
            }

}