#controlButtons{
    opacity:1;
    position: fixed;
  left: 0;
  bottom: 0;
 visibility:hidden;
  margin-top: 2em;
  width: 100%;
 background-color: #404041;
    color: white;
    padding-top: .5%;
    padding-bottom: .5%;
  text-align: center;
   z-index:500000;
    }
  #historicPhotos{
    padding:1em;
}
     
.referButtonImage{
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
    float: left;
    margin-top: .3em;
  } 
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  float: left;
}
.referMonth{
	text-align:center;
	margin-bottom:1.5em;
	margin-top:1.5em;
	font-family: 'Roboto Slab', Times, serif;
	font-style:italic;
	}
.referDate {
    font-family: 'Roboto Condensed', Helvetica,sans-serif !important;
    text-align: center!important;
    /* font-size: 18px!important; */
    font-style: italic!important;
    line-height: 18px!important;
    color: #808080!important;
    font-weight: normal!important;
    padding-bottom: 0!important;
    margin-bottom: .5em!important;
    width: 100%!important;
    /* letter-spacing: 0.1em; */
}
.referBox{
	padding: 0;
}
.topicHeader{
	font-family: 'Roboto Condensed',Helvetica,sans-serif;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
	color:#ed1d24;
	text-align:center;
	margin-bottom:0.15em;
	font-size: 2.5em;
    margin-top: .75em!important;
}
.referitemdDiv{
	width: 95%;
	height:auto;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #808080;
	margin-bottom: .75em;
	margin-top: .75em;
	margin-left: .75em;
	padding-bottom: .75em;
	padding-left: 0;
    padding-right: 0;
	}
.referTextStyle{
font-family: 'Roboto Slab', Times, serif;
	font-size: 120%;
    line-height: 26px;
	color:#000000;
	text-align:center;
	padding-bottom:0px;
	padding-top: 0;
	margin-bottom:0;
	padding-left: .25em;
    padding-right: .25em;

}	
.topicDescription{
font-family: 'Roboto Slab', Times, serif;
	font-size: 18px;
    line-height: 24px;
	color:#000000;
	text-align:center;
	font-style: italic;

}
a.referLinkActiveLink:link {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;font-size:5vw !important;line-height:4.25vw !important; text-decoration:none!important;}      /* unvisited link */
a.referLinkActiveLink:visited {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;}  /* visited link */
a.referLinkActiveLink:hover {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif; text-decoration:none!important;}  /* mouse over link */
a.referLinkActiveLink:active {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;}  /* selected link */

a.topicRefer:link {text-align: center; color: rgb(237, 29, 36)!important;}      /* unvisited link */
a.topicRefer:visited {text-align: center; color: rgb(237, 29, 36)!important}  /* visited link */
a.topicRefer:hover {text-align: center; color: rgb(237, 29, 36)!important}  /* mouse over link */
a.topicRefer:active {text-align: center; color: rgb(237, 29, 36)!important}  /* selected link */


@media only screen and (min-width:768px){
	.referTextStyle{
		padding-top: 0em;
	}
	a.referLinkActiveLink:link {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;font-size:2vw !important;line-height:2vw !important; text-decoration:none!important;}      /* unvisited link */
a.referLinkActiveLink:visited {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;}  /* visited link */
a.referLinkActiveLink:hover {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif; text-decoration:none!important;}  /* mouse over link */
a.referLinkActiveLink:active {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;}  /* selected link */
}
@media only screen and (min-width:1024px){
	a.referLinkActiveLink:link {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif; font-size:1.25vw !important;line-height:1.35vw !important; text-decoration:none;}      /* unvisited link */
a.referLinkActiveLink:visited {color:#000000 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif; }  /* visited link */
a.referLinkActiveLink:hover {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif;  text-decoration:none!important;}  /* mouse over link */
a.referLinkActiveLink:active {color:#c1bfb2 !important;font-family: 'Roboto Condensed', Helvetica,sans-serif; }  /* selected link */

	.topicHeader{
	font-size: 3em;
    line-height: 1em;
	}

	.referTextStyle{
			font-size:22px;
			line-height:23px;
		}

	}
@media only screen and (min-width:1024px){
	.referBox {
    padding: .75%;
	}
	.referitemdDiv {
	    width: 97%;
	}
}
@media only screen and (min-width:1300px){
	a.referLinkActiveLink:link {color:#000000 !important;font-family: 'Roboto Slab', Times, serif; font-size:1.1vw !important;line-height:1.7vw !important; text-decoration:none;}      /* unvisited link */
a.referLinkActiveLink:visited {color:#000000 !important;font-family: 'Roboto Slab', Times, serif; }  /* visited link */
a.referLinkActiveLink:hover {color:#c1bfb2 !important;font-family: 'Roboto Slab', Times, serif;  text-decoration:none!important;}  /* mouse over link */
a.referLinkActiveLink:active {color:#c1bfb2 !important;font-family: 'Roboto Slab', Times, serif; }  /* selected link */

}	
@media only screen and (min-width:1700px){
	a.referLinkActiveLink:link {color:#000000 !important;font-family: 'Roboto Slab', Times, serif; font-size:0.8vw !important;line-height:1.2vw !important; text-decoration:none;}      /* unvisited link */
a.referLinkActiveLink:visited {color:#000000 !important;font-family: 'Roboto Slab', Times, serif; }  /* visited link */
a.referLinkActiveLink:hover {color:#c1bfb2 !important;font-family: 'Roboto Slab', Times, serif;  text-decoration:none!important;}  /* mouse over link */
a.referLinkActiveLink:active {color:#c1bfb2 !important;font-family: 'Roboto Slab', Times, serif; }  /* selected link */

}