img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.home-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 15.6rem;
    position: relative;
    overflow: hidden;
}

.home-content div {
    display: flex;
		height: 100%;
		width: 100%;
		display: flex;
		position: fixed;
		align-items: center;
		justify-content: center;
}


.home-content h1 {
    font-family: roboto,sans-serif;
    font-size: 6rem;
		font-weight: bold;
    color: #fff;
		text-shadow: 0px 0px 5px #000;
		text-align: center;
}

.home-content span {
    font-size: 1.3rem;
		font-weight: normal;
    color: #fff;
		border: 1px solid white;
		padding: 8px;
}


#content-mobile {display: none;}


@media screen and (max-width: 991px) {
/* start of large tablet styles */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */
  img.bg {
    width: 100%;
		height: auto;
  }
	#content-mobile {display: block;}
}

@media screen and (max-width: 479px) {
/* start of phone styles */
  img.bg {
    width: 100%;
		height: auto;
  }
}