.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    min-height: 100%;
    position: relative;
    opacity: 0.65; }
  
.bgimg-1 {
    background-image: url('https://www.greyelephantproduction.com/greyelephantproduction/assets/images/home1.jpg'); 
    background-position: 0px; }
.bgimg-2 {
    background-image: url('https://www.greyelephantproduction.com/greyelephantproduction/assets/images/home4.jpg');
    background-position: 0px; }
.bgimg-3 {
    background-image: url('https://www.greyelephantproduction.com/greyelephantproduction/assets/images/home2.jpg');
    background-position: 0px; }
.bgimg-4 {
    background-image: url('https://www.greyelephantproduction.com/greyelephantproduction/assets/images/home3.jpg');
    background-position: center; }

  @media screen and (min-width: 1200px) {
    .bgimg-2, .bgimg-3, .bgimg-4 { height: 450px; }
    .bgimg-1 { background-position: 0px -500px; height: 500px; }
    .bgimg-2 { background-position: 0px -600px; }
    .bgimg-3 { background-position: 0px -500px; }
  }
  @media screen and (max-width: 480px) {
    .bgimg-1 { background-position: 0px -350px; height: 350px; }
  }
    
.expanded { 
    margin-left: -1em;
    margin-right: -1em; }
.relativeContainer { position: relative; }
.paraContainer { text-align: justify; }
.paraContainer p:last-child { margin-bottom: 0; }
.paraContainer .author { 
    display: block;
    font-family: 'Didact Gothic';
    font-size: 1rem;
    letter-spacing: -1px;
    text-align: right; }
.whiteBG {
    background-color: #fff;
    color: #777;
    padding: 2.5em 3.5em; }
.greyBG {
    background-color:#282e34;
    color:#ddd;
    padding: 3.5em 5.5em; }


.style-one {
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 1.2rem;
  letter-spacing: 1px; }
.style-one .focus {
  font-family: Calligraffitti;
  font-size: 1.6rem; }
.style-one .line-two { margin-left: 1em; }
.style-one .line-three { display: block; text-align: center; }


.style-two {
  font-family: 'Dancing Script', cursive;
  font-size: 1.8rem;
  letter-spacing: 2px; }
.style-two .focus {
  font-family: 'Amatic SC', cursive;
  font-size: 3rem; }
.style-two .line-two { margin-left: 1.5em; }
.style-two .line-three { margin-left: 3em; }
.style-two .line-four { margin-left: 4.5em; }
.style-two .line-five { margin-left: 6em; }

  @media screen and (max-width: 1024px) {
    .greyBG { padding: 3.5em 3.5em; }
    .style-two .focus { font-size: 2.6rem; }
  }
  @media screen and (max-width: 780px) {
    .style-two .line-two { margin-left: 1em; }
    .style-two .line-three { margin-left: 2em; }
    .style-two .line-four { margin-left: 3em; }
    .style-two .line-five { margin-left: 3em; }
  }
  @media screen and (max-width: 480px) {
    .whiteBG { padding: 2.5em 1.5em; }
    .greyBG { padding: 2.5em 1.5em; }

    .style-one { font-size: 1rem; line-height: 1.8; }
    .style-two { font-size: 1.5rem; text-align: center; }

    .style-two .line-two,
    .style-two .line-three,
    .style-two .line-four,
    .style-two .line-five { margin-left: 0em; }
    .style-two .focus { font-size: 2rem; }
  }


.caption {
    color: #000;
    position: absolute;
      left: 0;
      top: 40%;
    text-align: center;
    width: 100%; }

.caption .border {
    background-color: #111;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 5px;
    margin: 0 auto;
    padding: .6em;
    text-transform: uppercase;
    width: 50%; }
.caption .border a { 
    color: #fff;
    font-family: 'Special Elite', cursive; }
.caption h1 .border { font-size: 3.5rem; }
  @media screen and (max-width: 780px) {
    .caption h1 .border { font-size: 2.5rem; }
    .caption .border { font-size: 1.6rem; }
  }
  @media screen and (max-width: 480px) {
    .caption .border { font-size: 1.4rem;  width: 70%; }  
  }