/* Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
*/
img {
  /* Location of the image */
  background-image: url(img/logo.jpg);
  
  background-size: auto; /* Adjust as needed: cover, 100%, etc. */
  background-repeat: no-repeat;
  background-position: center center; /* Adjust as needed: left, top, etc. */
  margin: auto 0;
  text-align: center;
  width: 190px; /* Set the desired width of the logo area */
  height: 117px; /* Set the desired height of the logo area */
}

header {
  /* Styles for the header itself */
  background-color: #f0f0f0;
  padding: 10px;
  display: flex; /* For flexible positioning of the logo */
  align-items: center;
}
body {
    background-color: #000000;
}
/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(img/logo.jpg);
  }
	}