body {
    background-color: black;
}

h1 {
    color: white;
margin-left: 20px; text-align: center;
font-family: Helvetica, Arial, sans-serif; 

} 

p    {color:white; margin-left: 20px; margin-right: 20px; text-align: center; font-family: Helvetica, Arial, sans-serif; }

img { cursor: pointer; }



@media all and (max-width: 1200px) { /* screen size until 1200px */
    body {
        font-size: 1.5em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.5em; /* 1.5x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 1.2em; /* 1.2x default size */
        }
    }



@media all and (max-width: 1200px) { /* screen size until 1200px */
    h1{
        font-size: 2.2em; /* 2.2x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    h1 {
        font-size: 2.1em; /* 2.1x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    h1 {
        font-size: 2em; /* 2x default size */
        }
    }