main {
    width: 100%;
}

#content h1 {
    font-size:1.375rem;
    margin:-0.2em 0 1.5rem;
    line-height: 1.4;
}
#content h2 {
    font-size:1.25rem;
    margin:-0.2em 0 1.5rem;
    line-height: 1.4;
}
#content h3 {
    margin:-0.2em 0 1.5rem;
    line-height: 1.4;
}
#content p,
#content ul {
    line-height: 1.6;
    margin:-0.3em 0 1.5rem;
}
#content ol {
    line-height: 1.6;
    margin:-0.3em 0 1.5rem;
}
#content a {
    color: var(--color-info);
}

/* Front Content */
#content .alert-block {
    padding:0.75rem 1.5rem;
    margin:0 0 1.5rem 0.5rem;
    border-left:var(--site-border-light);
    border-color: var(--color-alert);
    background-color: var(--color-background-light);
}
#content .alert-block strong {
    color: var(--color-alert);
}
#content .alert-block p,
#content .alert-block ul {
    margin-bottom:0.75rem;
}
#content .alert-block > :last-child,
#content .alert-block > :last-child {
    margin-bottom:0;
}
#content .info-block {
    padding:0.75rem 1.5rem;
    margin:0 0 1.5rem 0.5rem;
    border-left:var(--site-border-light);
    border-color: var(--color-info);
    background-color: var(--color-background-light);
}
#content .info-block > :last-child {
    margin-bottom:0;
}

.anchor {
    padding-bottom: 15px;
}

.separator {
    padding-bottom: 15px;
}

.apply-button {
    align-items: center;
    background-color: var(--color-primary);
    line-height: 1.6;
    padding: 1rem var(--site-veritical-spacing);
    color: #fff!important;
    text-decoration: none;
    outline-offset: -2px;
}

@media only screen and (min-width: 402px) {
    nav.breadcrumbs ol {
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0 0 1.5rem;
    }

}

@media only screen and (min-width: 401px) {
    nav.breadcrumbs ol li {
        
    }
}

@media only screen and (min-width: 402px) {
    nav.breadcrumbs ol li:not(:last-child):after {
        content: '>';
        margin: 0 0.25rem;
    }
}

@media only screen and (min-width: 402px) {
    nav.breadcrumbs [aria-current="page"] {
        color: #000!important;
        font-weight: 700;
        text-decoration: none;
    }
}

@media only screen and (max-width: 402px) {
    nav.breadcrumbs ol {
        list-style: none;
        padding: 0;
        margin: 0 0 1.5rem;
    }

}

@media only screen and (max-width: 401px) {
    nav.breadcrumbs ol li {
        display: inline;
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 402px) {
    nav.breadcrumbs ol li:not(:last-child):after {
        content: '>';
        margin: 0 0.25rem;
    }
}

@media only screen and (max-width: 402px) {
    nav.breadcrumbs [aria-current="page"] {
        color: #000!important;
        font-weight: 700;
        text-decoration: none;
    }
}

.page-alert {
    background-color: #fbf3f4;
    color: #BA0C2F;
    border-left: 5px solid #BA0C2F;
    padding: 0.5625rem 1rem 0.6875rem 1.1875rem;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2%;
    margin-bottom: 2%;
}

  .gnl-grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 5px 0
    max-width: 50%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gnl-grid__item {
	margin: 2px;
	padding: 10px;
    padding-left: 0px; 
    width: 30%;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}


@media screen and (max-width: 980px) {
  .gnl-grid__item {
		margin-bottom: 5px;
    flex-basis: 40%;
    margin-right: 10%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
        &:nth-first-child(2) {
			margin-left: 20%;
		}
	}
}

@media screen and (max-width: 680px) {
	.gnl-grid__item {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

@media (min-width:840px) {
    .youtube {
        width: 600px;
    }
}

@media (max-width:840px) {
    .youtube {
        width: 100%;
    }
}