body {
    background-color: black;
    
}

div{
    width: 100%;
    text-align: center;
}

p {
  color: white;
  text-indent: 30px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Roboto", "Lucida Console", "Courier New", monospace;
}

img {
  display: block;
  margin: auto;
  width: 45%;
  margin-top:1%;
  margin-bottom:2%;
}

/* @media screen and (max-width: 600px) {
  img {width: 100%; margin-top:50%;}
}>*/

/* Mobile styles */
@media screen and (max-width: 768px) {
    img {
        width: 100%; /*80%;*/
        margin-top: 25%;/*10%;*/
        margin-bottom: 5%;
    }
    
   /* p {
        /*font-size: 14px;*/
        /*text-indent: 0;*/
        /*padding: 0 15px;*/
    }*/
}

/* Small phones */
@media screen and (max-width: 480px) {
    img {
        width: 90%;
    }
    
    p {
        font-size: 12px;
    }
}