html, body { height: 100%; width: 100%; font-family: 'Arial', serif; }
body { display: flex; align-items: center; background-color: #f5f5f5; }
.display-5 { color: rgb(165,200,52) !important; text-transform: uppercase; font-weight: 400 !important; font-size: 2.2rem; }
.lead { font-size: 1.2rem; font-weight: 300; }
p { margin-bottom: 0; }
.logo { width: 170px;}
.sreality { height: 90px;}
h1.h2 { font-weight: 700 !important; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.5rem; }
@media screen and (max-width: 575.99px) {
    .display-5 { font-size: 1.8rem; }
    .logo { width: 100px;}
    .lead { font-size: 1.0rem; font-weight: 300; }
    .sreality { height: 40px;}
}
@media screen and (max-width: 330px) {
    .display-5 { font-size: 1.2rem; }
    .lead { font-size: 0.7rem; font-weight: 300; }
}
@media screen and (min-width: 1600px) {
    .text {
        width: 75%;
    }    
}