@media only screen and  (min-width: 768px) {
    

    body{
width: 90%;
height: 400px;







    }
   
    
    header{
        flex-direction: flex;
       padding-left: 50px;
       width: 80%;
       height: 50%;
    }

    main{
        flex-direction: flex;
        padding-left: 50px;
       width: 50%;
    }

    h2{
        font-size: 38px;
        padding-left: 50px;

       width: 90%;
    }

    form{
        padding-bottom: 50px;
        margin: 0 auto;
        width: 150%
    
    }

    input{
        align-self: flex;
    }

    img{
        display: left;
        height:900px;
        width:1900%;
        
       


    }

    ul{
        text-align: right;
        width: 100%;
    }

}