#top-row {
    height: 404px;
    background-image: url("../../resources/background/top_row_bg.jpg");
    background-position: center;

    display: flex;
    justify-content: center;

}

#separator {
    height: 8px;
}

#content {
    background-image: url("../../resources/background/content_bg.jpg");
    background-repeat: repeat-x;
    background-color: white;
}

.bannerImage {
    background: url("../background/banner_shadow.png") center bottom no-repeat;
    padding: 0 5px 5px 5px;
}

#banner {
    display: flex;
    justify-content: center;
    position: relative;
    top: -40px;
}

.bannerItem {
    flex: auto;
    max-width: 240px
}

.bannerItem h2 {
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size: 21px;
    line-height: 1em;
    text-align: center;
}

.bannerItem span {
    font-family: 'JournalRegular', 'Times New Roman', 'Times', serif;
    font-size: 29px;
}

#footer {
    height: 170px;
    background-color: #dfdfdf;
}

#homeCarousel {
    width: 960px;
    height: 379px;
    position: relative;
    top: 10px;
}

#homeCarousel h5 {
    text-align: left;
    font-family: 'MelbourneRegular', Arial, sans-serif;

}

.carousel-item {
    height: 379px;
}

#homeCarousel .carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    left: unset;
    right: unset;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px;
    padding-left: 50px;

}

#mainContent {
    display: flex;
    margin-left: 17px;
    margin-right: 17px;
    padding-bottom: 20px;
}

#mainContentPicLeft #mainContentPicRight {
    flex: 1;
}

#mainContentText {
    flex: 2;
    padding-left: 35px;
    padding-right: 35px;
    color: #595959;
}

#mainContent img {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 7px;
}

#mainContent h2 {
    background-image: url("../../resources/site/arrow.png");
    background-position-y: 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-family: 'MelbourneRegular', Arial, sans-serif;
    font-size: 23px;
    line-height: 23px;
}

#mainContent p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
}

@media (max-width: 600px) {
    #homeCarousel {
        height: 60vw;
    }

    #top-row {
        height: 68vw;
    }

    #banner {
        flex-direction: column;
        align-items: center;
    }

    #mainContent {
        flex-direction: column;
        align-items: center;
    }

    #mainContentText {
        margin-bottom: 10px;
        margin-top: 20px;
    }
}