.brand {
   background: #333;
   padding-bottom: 20px;
}
.brand img {
   height: auto;
   width: 50%;
}

.main.container {
   min-height: 800px;
}

div.feature-box {
   border: #000 3px solid;
   border-radius: 50px;
   font-family: "Permanent Marker";
   margin-top: 30px;
   margin-bottom: 50px;
   padding: 30px;
   width: 100%;
   text-align: center;
}
div.feature-box p {
   color: #000;
   font-size: 24pt;
   font-weight: bold;
}
div.feature-box p span {
   display: block;
   font-size: 0.8em;
}
div.feature-box div.register-now {
   font-family: "Arial","Helvetica Neue",Helvetica,sans-serif;
   margin-bottom: 0;
}
@media (max-width: 375px) {
   div.feature-box p {
      font-size: 18pt;
   }
}

div.register-now {
   background-color: #f2f2f2;
   font-size: 2.0em;
   margin-left: auto; margin-right: auto;
   min-width: 300px;
   padding: 10px;
   text-align: center;
   width: 50%;
}
div.register-now:hover, div.register-now:hover a {
   background-color: #000;
   color: #e07122;
   cursor: pointer;
   text-decoration: none;
}
div.register-now a {
   color: #000;
}
span.click-below {
   background-color: #bbb;
   border-radius: 20px;
   font-family: Helvetica;
   font-size: 15pt !important;
   margin-left: auto; margin-right: auto;
   min-width: 300px;
   width: 50%;
}

div.group-pictures {
   margin-left: auto; margin-right: auto;
   width: 75%;
}
div.group-pictures h3 {
   margin-top: 10px;
   margin-bottom: 70px;
   text-align: center;
}
div.group-pictures hr {
   width: 75%;
   max-width: 500px;
}
div.group-pictures img {
   margin-left: auto; margin-right: auto;
   width: 100%;
}

table.schedule tr td {
   vertical-align: top;
}
table.schedule tr:nth-child(odd) {
   background-color: #f5d1b7;
}
table.schedule tr:nth-child(even) {
   background-color: #ccc;
}

footer {
   background: #2b2b2b;
   background-image: url(/dpgdm/images/binding_dark/binding_dark.png);
   padding: 20px;
   position: relative;
   text-align: center;
}
footer img {
   height: auto;
   vertical-align: middle;
   width: 30%;
}
footer p {
   color: #fff;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size: 10pt;
   line-height: 1.6em;
   margin: 0;
   padding: 0;
}

div.info {
   margin-left: auto; margin-right: auto;
   width: 80%;
}
div.info, div.info h1, div.info h2 {
   font-family: 'Overpass', sans-serif;
}
div.info h1 {
   font-size: 18pt;
}
div.info h2 {
   font-size: 12pt;
}