.placeholder {
    background-color: brown;
    display: flex;
    justify-content: center;
    align-items: center
}
/* Custom Fonts */
@font-face{
	font-family: America;
	src: url('./GT-America-Standard-Regular.woff') format('woff');
}

@font-face  {
    font-family: AmericaBold;
    src: url('./GT-America-Extended-Black.woff') format('woff'),
}

/* Normalize */
html,body {
    font-family: America, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-family: AmericaBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

/* Stripes */
.stripe-container {
    margin-left: 9% !important;
}
.stripe {
    width: 4.5rem;
    background-color: #b91d2b;
    margin: 0 .4rem !important;;
}
.stripe:last-of-type {
    margin-right: 0;
}
@media (max-width: 1100px) {
    .hide-on-small-screen,
    .stripe-container {
      display: none;
    }
}

/* Header */
.header {
    background-color: #002554;
}
.header > .inner-header {
    max-width: 87.5rem;
}
.header .logo {
    padding: 0 1rem;
}
.header .event-info {
    padding-top: .5rem;
    color: white;
    text-align: center;
}
.header .event-info h1 {
    font-size: 3.8rem;
}
.header .event-info h2 {
    font-size: 1.5rem;
}

/* Nav Bar */
.nav-bar {
    padding: .5rem;
    background-image: linear-gradient(#ce202f, Black);
}
.nav-bar a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 .5em;
}
.nav-bar a:hover {
    color: black;
    background-color: white;
    box-shadow: 0 0 .5em white;
}

/* Ads */
.ads > img{
    display: block;
    padding: .5rem 0;
}

/* Event Content */
#event-site iframe {
    display: none;
    width: 100%;
    height: 100px;
}
#event-site iframe.load-complete {
    display: block;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
#event-loader.load-complete {
    display: none;
}
#event-site h1 {
    color: #002554;
    font-size: 1.5rem;
}


.announcement-card {
    width: 250px;
}
.announcement-card .content {
    padding-top: .5rem;
}
.announcement-card .content p {
    text-align: justify;
}
.announcement-card .content > h2 {
    color: #002554;
    font-size: 1.2em;
}


/* Animations */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}