/* LPG Design Styles */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');

html, body{
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
    }
html { font-size:100%; }

h1, p {
    color: #fff;
    text-align: center;
    }
.hero {
	/* tint faked with gradient */ 
    background: linear-gradient(rgba(0, 0, 0, 0.37),rgba(0, 0, 0, 0.37)),
    /*Photo kindly provided by jeltovski at Morguefile.com*/
    url(images/figure4-min.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    }
  .hero .intro {
    padding: 2.75rem;
    position: relative;
    top: 1%;
    transform: translateY(-5%);
    background-color: transparent;
    }
  .hero h1 {
    font-size: 1.75rem;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    }
  .hero p {
    line-height: 1.75em;
    font-weight: 300;
    margin-bottom: 2rem;
    }
  .hero {
    display: block;
    margin: 0 auto;
	}

  @media only screen and (min-width: 40.063em) {
  	.hero {
      background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)),
      url(images/figure4-min.jpg) no-repeat center center;
      background-size: cover;
      height: 100vh;
    }
    .hero .intro {
      top: 30%;
      transform: translateY(-35%);
      background-color: rgba(0, 0, 0, 0.27);
    }
    h1, p {
      text-align: left;
    }
    .hero h1 {
      font-size: 2.75rem;
      }
     .hero .intro {
      max-width: 400px;
      }
     }