/* Variables */
/* Bootstrap Overrides */
.tile { background-color: #fff; border: 1px solid #CCD6DD; border-radius: 5px; margin: 2vh auto; overflow: hidden; text-align: center; }

.tile__image { text-align: center; overflow: hidden; margin-bottom: 1em; border-bottom: 1px solid #CCD6DD; }

.tile__image img { width: 100%; height: auto; }

.tile__content { padding: 1em; }

.tile__content h3 { min-height: 2.3em; margin-bottom: 1em; }

.tile--alt .tile__image { padding: 2em; }

.tile--alt-2 { background-color: transparent; border: none; }

.tile--alt-2 .tile__content h3 { font-size: 3em; margin: 1rem; }

.tile--alt-2 .tile__content p { font-size: 1.5em; }

.tile--alt-2 .tile__image { border: none; padding-top: 2em; max-height: none; }

@media (max-width: 768px) { .tile--alt-2 .tile__image { margin: 0 auto; max-height: none; } }

.tile__category { display: block; font-size: 0.8em; font-weight: 200; color: #AAB8C2; letter-spacing: 0.2em; text-transform: uppercase; margin: 1em 0; }

@media (max-width: 768px) { .tile { margin: 2em 0; } }

.section.light .tile { border: none; }

.row-flex .tile { height: 100%; margin: 0; }

@media (max-width: 768px) { .row-flex .tile { margin: 2em 0; } }