@font-face {
    font-family: 'Grotesk';
    src: url('/fonts/grotesk/FoundersGroteskX-Condensed-Semibold.woff');
}

.sorry {
    max-width: 800px;
}

.sorry a {
    text-decoration: underline;
    color: #C14491;
}

#title-nav {
    font-family: 'Grotesk', sans-serif;
    font-size: 190%;
    color: black;
    margin: auto;
}

.logoz {
    width: 75px;
}
#grayarea-logoz {
    width: 50px;
}

#hpll-logoz {
    width: 100px;
}
.bottompad {
    padding-bottom: 20px;
}

.tiiight a {
    color:inherit;
    text-decoration: none;
}

.big-black {
    font-family: 'Grotesk', sans-serif;
    font-size: 500%;
    line-height: 0.85em;
    color: black;
    margin:auto;
}

.mid-black {
    font-family: 'Grotesk', sans-serif;
    font-size: 300%;
    color: black;
    margin:auto;
}

.big-pink {
    font-family: 'Grotesk', sans-serif;
    font-size: 500%;
    line-height: 0.85em;
    color: #C14491;
    margin: auto;
}

.centerrr {
    margin: auto;
    text-align: center;
}

table.center {
    margin-left:auto;
    margin-right:auto;
    border-collapse: separate;
    border-spacing: 24px 10px;
}

.tiiight-nav {
    margin: auto;
    margin-bottom : 20px;
    border-collapse: separate;
    border-spacing: 44px 0;
    /*border-collapse: collapse; */
}
.tiiight-nav table {
    border-collapse: separate;
    border-spacing: 74px 0;
}

.tiiight {
    margin: auto;
    margin-bottom : 0px;
    border-spacing:0;
    text-align: center;
    /*border-collapse: collapse; */
}

.tiiight-footer {
    margin: auto;
    text-align: left;
    margin-bottom : 0px;
    padding-bottom: 40px;
}

table.tiiight-footer {
    /*border: 1px solid black; */
    padding: 10px 20px 25px 20px;
    border-collapse: separate;
    border-spacing: 74px 0;
}

.tiiight-footer td,th {
    padding: 5px;
    vertical-align:top;
}

.tiiight td {
    text-align:center;
}

.footer-logo-box {
    padding-bottom: 15px;
}

body {
    background-color: #F0EEE8;
    font-family: 'DM Sans', sans-serif;
    /* font-family: 'Times New Roman', serif; */
}

#content {
    padding: 10px 0px 25px 0px;
}

header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 0 5px 0;
}

hr.thickie {
    border-top: 20px solid black;
}


.schedule-table td {
    padding: 25px;
    vertical-align: top;
}

section {
    padding: 25px;
    margin: auto;
}

/*
* {
margin: 0;
padding:0;
}

html {
margin: 0;
padding:0;
}

body {
margin: 0;
padding:0;
}
p {
    margin-top: 0;
}
*/

.header-child {
    flex: 1;
}

.right-half {
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
}

#sponsors {
    display: flex;
    /*padding-top: 25px;
    padding-right: 25px; */
    justify-content: flex-start;
}


.about {
    /* display: flex;*/
    width: 75%;
    margin: auto;
    padding-top: 55px;
}

.about img {
    /* max-width: 600px; */
    width: 100%;
    height: auto;
}

.about-child {
    padding: 10px;
    flex: 1;
}

.about a {
    font-weight: bold;
    text-decoration: underline;
}


.ninties {
    width: 90%;
}

.tabley-container {
    width: 90%;
    display: flex;
    margin: auto;
    justify-content: space-between;
}

.schedule {
    flex: 1;
    margin: 25px;
}

.schedule-img {
  	position: relative;
    font-size: 140%;
}

.schedule-img .sched-img {
    width: 100%;
    height: auto;
}

.center {
    margin: auto;
}

.schedule-img .sched-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;

}

.white {
    color: white;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.underline {
    text-decoration: underline;
}

.bio {
    padding: 25px;
    display: flex;
}

.bio-child {
    flex: 1;
}

.bio-pic {
}

.bio-url {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bio-pic img {
    width: 100%;
    height: auto;
}

.bio-text {
    vertical-align: top;
    padding-left: 25px;
    padding-right: 25px;
}

.list-page {
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-item {
    padding: 5px 5px 15px 5px;
    flex: 1 0 21%;
}

.list-item img {
    width: 100%;
    height: auto;
}

.responsive {
    max-width: 100%;
    height: auto;
}

.bold {
    font-family: 'Grotesk';
}

.mediumbold {
    font-size: 150%;
    font-family: 'Grotesk';
}

.bigbold {
    font-size: 190%;
    font-family: 'Grotesk';
}

a {
    color: #000;
}

.nae-underline {
    text-decoration: none;
}

#logo {
    display: flex;
    padding:0; margin:0;
}

#bigA {
    max-height: 95px;
    padding-right: 20px;
}

#links {
    font-size: 125%;
    line-height: 120%;
    padding-right: 20px;
}

#description {
    max-width: 50%;
}

@media (max-width: 700px) {
  header {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  footer {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .list-item img {
      max-width: 100%;;
  }
  .list-page {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #logo {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #description {
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 300px;
  }
  #about {
      padding-top: 5px;
      flex-direction: column;
  }
  .bio {
      padding-top: 5px;
      flex-direction: column;
  }
  .bio-text {
      padding-left: 0px;
  }
  .tabley-container {
      padding-top: 5px;
      flex-direction: column;
  }
  .right-half {
      padding-top: 5px;
      flex-direction: column;
  }
}