#text{  width: 75%;
    margin: auto;
}
p1 {
 position: absolute;top: 15%;width:100%;text-align: center;font-size:100px;color: white;
}
p2 {
 position: absolute;top: 30%;width:100%;text-align: center;font-size:100px;color: white;
}
p3 {
    position: absolute;top: 50%;width:100%;text-align: center;font-size:85px;color: white;
}
img {
    width:50%;margin:auto;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #aab0ee ;
    height: 30px;
    z-index:99;
    text-align: center;
    color: #66698e;
}
@media (max-width: 768px) {
    p1 {top: 25%;
        font-size: 50px
    }
    p2 {top: 35%;
        font-size: 50px
    }
    p3 {top: 45%;
        font-size: 40px
    }
    img {
    min-width:100%
    }
    
}