* {margin: 0; padding: 0;}
html {width:100%; height: 100%;}
body{text-align: center; color: white; font-family: Arial, Helvetica, sans-serif;text-shadow: 0 0 5px #000;background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(40,40,40,1));}
#placeholder-pg { width: 100%; }
#placeholder-pg .image img { width: 100%; margin-right: auto; margin-left: auto; display: block; opacity: 0.5;}
#placeholder-pg .introText { display: flex; width: 650px; flex-direction: column; align-items: center; position: relative; top: -50vw; margin: 0 auto;}
#placeholder-pg .introText img { margin-right: auto; margin-left: auto; width: 30%; margin-bottom: 8%; }
#placeholder-pg p {line-height: 2;margin-top: 1em;}

  @media only all and (max-width: 1280px) {
    #placeholder-pg .introText{ }
  }

  @media only all and (max-width: 768px) {
    body {background: #fff; color: #666; text-shadow: none;}      
    #placeholder-pg .image img{opacity: 1;}
    #placeholder-pg .introText {width: 100%;}
    #placeholder-pg .introText img { width: 40%; margin: 2em 0 30vw;}
    #placeholder-pg h1, #placeholder-pg p { width: 80%; position: relative;}
    #placeholder-pg h1 {font-size: 5vw;}
  }