@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,900,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Michroma:400,700,900,400italic,700italic,900italic);

/*---Main Headers---------------------------------------------------------------*/

   .topSectionLeft h1 {    
      display: inline-flex; 
      vertical-align: middle;
      font: 1em 'Michroma', sans-serif;
      background: -webkit-linear-gradient(#b99a3d, #85426b);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }

   @media screen and (min-width: 768px) {
      .topSectionLeft h1  {
         font-size: 2.6em;
      }      
   }

/*---Animated Logon Header---------------------------------------------------------------*/

   h1.strapline_headers{
      font-family: 'Michroma', sans-serif;
      font-size: 3.5em;
      font-weight: bolder;
      line-height: normal;
      color: #b99a3d;
   }

   h2.strapline_tag{
      font-family: 'Michroma', sans-serif;
      font-size: 1.7em;
      padding: 0 0 0 0;
      line-height: normal;
      color: #ccc;
   }

/*---Other Headers---------------------------------------------------------------*/

   h1.help_headers {
      font: 2.2em 'Michroma', sans-serif;
      background: -webkit-radial-gradient(#b99a3d, #85426b);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      padding: 0 0 1rem 0;
   }

/*---Blockquotes---------------------------------------------------------------*/

   blockquote {
      color: rgba(250, 200, 130, 0.6);
      font-family: 'Raleway', sans-serif;
      font-size: 1.5rem;
      width: 90%;
      margin: 0 0 0 4rem;
      text-align: left;
      line-height: normal;
   }
   blockquote h1 {
      font-size: 1.5rem;
   }
   blockquote p {
      font-style: italic;
      margin-bottom: 0;
   } 
   blockquote p::before,
   blockquote p::after {
      content: "“";
      font-family: Georgia;
      font-size: 8rem;
      margin: -1rem 0 0 -4rem;
      position: absolute;
      opacity: 0.5;
   } 
   blockquote p::after {
      content: "”";
      margin: -1rem -2rem 0 0;
   } 
   blockquote cite {
      font-size: 1rem;
   }

/*---Text Styles---------------------------------------------------------------*/
   .long-text{
         color: #b99a3d;
         padding: 0;
         line-height: 1.2rem;
         padding-top: 10px;
   }