@media screen and (max-width:1100px) {
    #wrapper{
        width: 100%;
        margin-top: 250px;
    }
    
    .p1{
        font-size: 60px;
    }
    
    .p2{
        font-size: 40px;
    }
    
    #footer{
        position: relative;
        margin-top: 200px;
        height: 110px;
        padding: 0;
        text-align: center;
    }
    
    #footer img{
        max-width: 80%;
    }
    
}


@media screen and (max-width: 900px) {
    #wrapper{
        width: 100%;
        margin-top: 150px;
    }
    
    .p1{
        font-size: 36px;
    }
    
    .p2{
        font-size: 20px;
    }
    
    #footer{
        position: relative;
        margin-top: 200px;
        height: 110px;
        padding: 0;
        text-align: center;
    }
    
    #footer img{
        max-width: 80%;
    }
    
}