@font-face {
    font-family: big_john;
    src: url(../fonts/big_john_slim_joe/big_john.otf);
}

@font-face {
    font-family: noir_light;
    src: url(../fonts/noir/NoirPro-Light.ttf);
}
.col {
    padding-left: 5rem;
    padding-right: 5rem;
}
.nav {
position: fixed;
top: 0;
z-index: 9998;
width: 100%;
background-color: #fbd2e4;
height: 10em;
    opacity: 1;
}
.container{
text-align: left;
padding: 10px auto 10px auto;
margin-left: auto;
margin-right: auto
}
img.coverphoto {
display: block;
margin-left: auto;
margin-right: auto
}
.table-data-right{
text-align: right
}
.table-data-center{
text-align: left
}
.table-data-left{
text-align: left
}
.important-data{
color: red;
font-weight: bold
}
.contact-links{
text-align: left
}
.contact{
text-align: left
}
.anchor{
  display: block;
  height: 200px; /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}

 body {
  background-color:  #fbd2e4 ;
  font-family: noir_light;
}

details summary{
    font-size:1.25em;
	text-decoration: underline;
	color:  #C70039 ;
}

/*details summary:hover {*/
  /*background-color: #e8daef ;*/
  /*margin-right:-20px;*/

/*padding-left:20px;*/

/*padding-right:20px;*/
/*}*/

details {
	padding-bottom: 1em;
}
a:hover{
	/*background-color: #e8daef ;*/
	color:  #C70039 ;
}
a {
	color:  #C70039 ;
    font-size:1em;
}

h1 {
    font-family: big_john;
    font-size: 2.25em
}

h2 {
	font-family: big_john;
    font-size: 2em;
}

h3 {
	font-family: big_john;
    font-size: 1.75em;
}

h4 {
	font-family: big_john;
    font-size: 1.5em;
}

h5 {
	font-family: big_john;
    font-size: 1.25em;
}

p {
    font-size: 1.25em;
}

ul {
    font-size: 1.25em;
}

@media (max-width: 1080px) {
  .main-content{
	padding-top: 10px;
    }
}

details summary::-webkit-details-marker {
  display:none;
}

.maincontent{
    top: 150px;
    /*padding-top:50px;*/
    position: relative;
}

@media (max-width: 978px) {
	.col {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.container{
		padding: 5px auto 5px auto;
	}
}