#sectRelatedNews { display: none; }
a.btn.btn-info { border-color: #006EAA; font-size: 20px; padding: 10px 25px; margin: 0 5px; }
    a.btn.btn-info:hover { background-color: #006EAA; border-color: #006EAA; }
.btn span.fa { bottom: 3px; font-size: 16px; position: relative;  }
.btn span.fa-angle-double-left { padding-right:5px;  }
.btn span.fa-angle-double-right { padding-left:5px;  }
.btn span.black-text { color: #000; }
.btn:hover span.black-text { color: #fff; }
.teal-overlay { background-color: rgba(0,110,170,0.8); }
.projects-container .item { width: 33%; margin: 0 2px; }

.section-tiles { width: 100%; position: relative; }
.section-tile { width: 49.5%; float: left; margin: 3px; height: 500px; overflow: hidden; position: relative; }
    .section-tile video { height: 100%; margin-left: -25%; }
.tile-content { color: #fff; overflow: hidden; padding: 25%; position: absolute; text-align: center; top: 0; width: 100%; }
    .tile-content h2 { text-transform: uppercase; color: #fff; font-family: "Oswald", sans-serif; font-size: 32px !important; font-weight: 400; margin-bottom: 25px; padding-bottom: 0 !important; text-shadow: 0 0 5px rgba(0, 0, 0,1); }
    .tile-content p, .news-events main .tile-content p { font-size: 24px !important; font-family: "Oswald"; font-weight: 300; margin-bottom: 15px !important; text-shadow: 0 0 5px rgba(0, 0, 0,1); }
    .tile-content a.btn-default, .news-events .tile-content a.btn-default { color: #fff; }
        .tile-content a.btn-default:hover, .news-events .tile-content a.btn-default:hover { color: #CC0B2A; }

    .projects-container .item .info p { margin-bottom: 0 !important; }
    .projects-container .item .info h2, .projects-container a.item .info h2 { min-height: 65px; width: 75%; text-transform: uppercase; margin:auto; margin-bottom: 0; }
    .projects-container .item:hover .info h2 { opacity: 1; }
    .projects-container .item .content-overlay-bg { opacity: 1; transition: opacity .5s; }
    .projects-container .item:hover .content-overlay-bg { opacity: 0; }
    .projects-container .item:hover .info .more-info { height: 250px; }
    .projects-container .item .info a { margin-top: 10px; }
.quote { font-size: 24px; font-family: "Oswald"; font-weight: 400; }
    .quote .quote-author { font-weight: 300; }
.dark-blue-text { color: #006EAA; }

.image-gallery-blocks img { float: left; background-color: black; }
.image-gallery-blocks .image-1x3, .image-gallery-blocks .image-2x1, .image-gallery-blocks .image-1x2 { padding: 2px; position: relative; }
.image-gallery-blocks .image-1x3 { width: 100%; max-width: none !important; float: left; }
.image-gallery-blocks .image-2x1 { width: 48.3%; max-width: none !important; float: left; }

.image-gallery-blocks .image-1x2, .image-gallery-blocks .image-collection { width: 51%; max-width: none !important; float: left; }

    .image-gallery-blocks .image-collection .image-1x2 { width: 100%; }
.image-gallery-blocks .quote { position: absolute; color: #fff; text-align: right; right: 35px; top: 30%; width: 40%; }
.image-gallery-blocks img { width: 100%; }
.grey-overlay { background-color: rgba(0,0,0, 0.5); color: #fff; height: 100%; }
.image-gallery-blocks .grey-overlay { opacity: 0; position: relative; transition-property: opacity; transition-duration: .75s; }
.image-gallery-blocks .image:hover .grey-overlay, .image-gallery-blocks .image:hover .text-overlay { opacity: 1; }
.image-gallery-blocks .text-overlay { color: #fff; font-size: 20px; height: 100%; margin-top: 35px; opacity: 0; overflow: auto; position: absolute; top: 0; transition-property: opacity; transition-duration: .75s; }

.section-heading { font-weight: 300; line-height: normal; text-align: center; font-family: "oswald"; font-size: 24px; width: 30%; margin: 55px auto; }
.section-heading-text { font-size: 36px; font-weight: 400; }


@media (max-width:1199px) and (min-width: 769px) {
    .section-tile { width: 49%; }
    .tile-content { padding: 25% 20%; }
}

@media (min-width: 769px) {
    .story-layout .bounce { bottom: 15px !important; }
    .story-layout .title-content.bottom { bottom: 65px; }
}

@media (min-width: 1650px) {
    .section-tile video { margin: 0; }
    .projects-container .item .info {bottom:40%;}
}

@media (min-width: 2000px) {
    .section-tile { height: 650px; }
    .projects-container .item:hover .info .more-info { height:350px;}
}

@media screen and (max-width: 1024px) {
    .projects-container .item { width: 32.5%; margin: 0; }
        .projects-container .item .more-info p { max-width: none; }
}

@media screen and (max-width: 768px) {
    .projects-container .item { width: 100%; margin: 0; }
    .more-info p { display: block !important; }
    .image-gallery-blocks .quote { width: 75%; top: 5%; }
    .image-gallery-blocks .image-2x1 { width: 100%; }
    .image-gallery-blocks .image-1x2, .image-gallery-blocks .image-collection { width: 100%; }
    .image-gallery-blocks .grey-overlay { opacity: 1; }
    .image-gallery-blocks .text-overlay { opacity: 0; }
        .image-gallery-blocks .text-overlay:hover { opacity: 1; }

    .section-heading { font-weight: 400; text-align: center; font-family: "oswald"; font-size: 20px; margin-bottom: 20px; }
    .section-heading-text { font-size: 24px; }
    .story-layout .title-content h1 { font-size: 48px; }
    .section-tile { width: 100%; float: left; margin: 3px; height: 400px; overflow: hidden; position: relative; }
        .section-tile video { position: absolute; margin-left: 0; }
    .tile-content { padding: 15% 15%; }
    .quote, .quote p { font-size: 22px !important;  }
    .quote .quote-author { font-size: 22px !important;  }
    .article-footer h2 { margin-top:25px !important;}
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .section-tile video { margin-left: 0; }
}

@media screen and (max-width: 740px) {
    a.btn.btn-info { font-size: 16px; margin: 10px 5px; width: 90%; padding: 10px 20px; }
    .btn span.fa { font-size: 14px; position: relative; bottom: 3px; }
    .story-layout h4.width-25p { width: 100%; text-align: center !important; float: none !important; max-width: none; }
    .tile-content { padding: 15% 8%; }
}

.image-gallery-blocks .image-1x2 { width: 50%; }
.image-1x2 .image-caption { bottom:0; text-align: center;}
.image-1x2 .image-quote, .image-1x3 .image-quote { font-size: 26px; font-family: "oswald", sans-serif; line-height:normal; }
.image-1x2 .image-quote { color: #CC0B2A; padding: 35px 27% 15px 35px; }
    .image-1x2 .image-quote.right { text-align: right; padding: 35px 35px 15px 28%; }
.image-1x3 .image-quote { bottom: 8%; color: #fff; font-weight: 300; left: 13%; position: absolute; text-align: center; width: 75%; }
.image-1x3 .image-quote a:link {color:#fff;}
    .image-1x3 .image-quote.left { top: 20%; bottom: auto; text-align: left; width: 25%; left: 6%; }

    .image-1x3 .image-quote.right { top: 20%; bottom: auto; text-align: right; width: 25%; right: 6%; left: auto; }
main .image-1x2 .image-quote a:link, main .image-1x3 .image-quote a:link { text-decoration: underline !important; }

.projects-container .item:hover .info { bottom: 35%; }
.projects-container.three .item {display:block; float:left;}

@media (min-width: 1650px){
    .projects-container .item:hover .info { bottom: 40%; }
}

@media screen and (max-width: 1280px) {
    .image-1x2 .image-quote { padding: 35px 15% 15px 35px; }
        .image-1x2 .image-quote.right { padding: 35px 35px 15px 15%; }
}

@media screen and (max-width: 1024px) {
    .image-1x2 .image-quote, .image-1x3 .image-quote { font-size: 22px; font-family: "oswald", sans-serif; }
    .image-1x2 .image-quote { padding: 35px; }
        .image-1x2 .image-quote.right { padding: 35px 35px 35px 55px }
    .image-1x3 .image-quote.right { top: 15%; }
    .projects-container.three .item { width: 32.9%; }
}

@media screen and (max-width: 768px) {
    .image-1x2 .image-quote, .image-1x3 .image-quote { font-size: 20px }
    .image-gallery-blocks .image-1x2 { width: 100%; }
    .image-gallery-blocks img { float: none; }
    .image-1x3 .image-quote, .image-1x3 .image-quote.left, .image-1x3 .image-quote.right { position: relative; color: #CC0B2A; font-weight: 400; left: 0; padding: 15px 35px; text-align: left; width: auto; }
    .image-1x3 .image-quote a:link {color:#CC0B2A;}
    .image-1x2 .image-quote, .image-1x2 .image-quote.left, .image-1x2 .image-quote.right { text-align: left; padding: 15px 35px; }

    .projects-container.three .item { width: 100%; }
    .projects-container .item .info { top: 15%; }
}

@media screen and (max-width: 480px){
    .padding-top-75px { padding-top:25px !important;}
}