/* IMAGE STYLES */

	@media screen and (max-width: 1920px) {
		img.bg {
			left: 50%;
			margin-left: -960px;
		}
	}


    /* BOX STYLES */

	img.fig {
		width: 100%;
		padding-top: 15pt;
	}

	cite {
		font-style: normal;
	}

	p, cite {
	  color: black;
      line-height: 1.666;
      font-weight: lighter;
      text-align: left;
      word-wrap: break-word;
      /* text-rendering: geometricPrecision; */ 
      font-feature-settings: "kern" 1;
	  font-variant-ligatures: common-ligatures;
	  padding-top: 0px;
	  padding-bottom: 12pt;
	  margin: 0px;
    }

	cite {
	  padding-bottom: 20pt;
	  padding-left: 16pt;
	  display: block;
	}

	cite > p {
	}

	blockquote {
	  color: black;
      line-height: 1.666;
      font-weight: lighter;
      text-align: left;
      word-wrap: break-word;
      /* text-rendering: geometricPrecision; */ 
      font-feature-settings: "kern" 1;
	  font-variant-ligatures: common-ligatures;
	  padding-top: 12pt;
	  padding-bottom: 0pt;
	  /*padding-bottom: 7pt;*/
	  margin: 0px;
	  font-style: italic;
	}

	figure {
		margin:0px;
	  	color: black;
		width: 100%;
		padding-top: 16pt;
		padding-bottom: 26pt;
	}

	figcaption {
		padding-top: 15pt;
		padding-bottom: 5pt;
		font-size: 75%;
      	line-height: 1.333;
	}

    div.textbox {
      padding-top: 6vw;
      padding-left: calc(20vw);
      padding-right: calc(20vw);
	  /*
      font-size: 16pt;
	  */
      font-size: calc(7pt + 1vw); /*  more width variablity  */

	/*
      padding-left: calc(15vw * 15vw);
      padding-right: calc(15vw * 15vw);
	  */
    }
    
@media screen and (orientation: portrait) {
	/* reduce margin for portait orientation to the same as the intro.css */
	div.textbox {
      padding-left: calc(8vw);
      padding-right: calc(8vw);
    }
}

    div.fs {
      display: flex;
      min-height:100%;
      align-items: center;
      justify-content: center;
      z-index: 5;
      flex-direction: column;
    } 

    /* TEXT STYLES */

    h1.title {
      text-align: center;
      color: white;
      font-size: 14vw;
      font-weight: lighter;
    } 

    a {
	  color: #226494; /* #014B81; */
	  text-decoration: none;
    }

	
    @keyframes hilight {
        /*0% {	color: #FFF7BD;	} 
        90% {	color: #FFF7BD;	} */
        0% {	color: #fcfac3;	} 
        90% {	color: #fcfac3;	} 
        100% {	color: #FFF91A;	}
    }

    a.hi {
      animation-name: hilight;
      animation-duration: 10s; 
      animation-fill-mode: forwards;
	  color: #FFF91A;
	  text-decoration: none;
    }