#text{  width: 100%;
    margin: auto;
    text-align: center;
}
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;
}
p4 {
    width:100%;text-align: center;font-size:100px;color: #009688;
}
p5 {
    width:100%;text-align: center;font-size:40px;color: #009688;
}
img {
    width:50%;margin:auto;
}
#boxright{width:50%;
padding:auto;
float:left} 

#boxleft{width:50%;
padding:auto;
float:left} 
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #aab0ee ;
    height: 30px;
    z-index:99;
    text-align: center;
    color: #66698e;
}
iframe {width:95%; 
    margin-left: 2.5%;
    height:50%; 
    frameborder:0; 
    border:0;
} 
@media (max-width: 768px) {
    p1 {top: 25%;
        font-size: 30px
    }
    p2 {top: 35%;
        font-size: 50px
    }
    p3 {top: 45%;
        font-size: 40px
    }
    p4 {font-size:40px;
    }
    img {
    min-width:100%
    }
    
iframe {width:100%; 
height:80%; 
frameborder:0; 
border:0;
} 
#boxright{width:95%;
padding:auto;
} 

#boxleft{width:95%;}
}
}