#SiteGrid { max-width: 100%; }
#PageBreadCrumps { display: none; }
#navbar-collapse-main .navbar-nav > li > a.btn-general:after,
#navbar-top .navbar-nav > li > a.btn-general:after { opacity: 1; bottom: -4px; }
#navbar-top .navbar-nav > li > a.btn-general { color: #ec1163; }
#navbar-collapse-main .navbar-nav > li > a.btn-general:after { bottom: 6px }
#navbar-collapse-main .navbar-nav > li > a.btn-general { color: #ec1163; }
.maxWidthSection { max-width: 911px; margin: 0px auto; text-align: center; }
section:not(.maxWidthSection) { max-width: 1240px; margin: 0px auto; text-align: center; }

section.firstSection { max-width: 100%; margin-bottom: 60px; position: relative; }
/*    section.firstSection:after { content: ""; width: 288px; height: 350px; background-image: url('../../../000Frames/site/images/left-pink.png'); background-size: contain; position: absolute; left: -50px; background-repeat: no-repeat; top: -95px; }*/
#lobby { position: relative; }
    #lobby .pink-element { height: 336px; left: 0; opacity: 1; z-index: -3; top: 410px; }

.mainContent { max-width: 790px; margin: 0 auto 40px; }
#body p { text-align: center; }
p { font-size: 90%; }
section.generalInfo { margin-top: 70px; }
    section.generalInfo h2 { font-size: 200%; margin-bottom: 30px; }
    section.generalInfo h3 { font-family: 'HadassahFriedlaender-Bold'; font-size: 130%; margin-bottom: 10px; }
.infoCubeContent { background: #edf1f2; padding: 20px 27px; }
.infoCubeText { font-family: 'HadassahFriedlaender-Bold'; font-size: 90%; margin-top: 25px; min-height: 111px; }
.infoCubeText a:hover, .infoCubeText a:focus { text-decoration: underline;}
section.generalInfo .row { margin-top: 40px; margin-bottom: 90px; }
section.generalInfo p { font-family: 'HadassahFriedlaender-Bold'; font-size: 100%; }

section.generalInfo h2:after, section.festLocations h2:after { width: 61px; content: ""; display: block; height: 4px; background-color: #ec1163; margin: 10px auto 0; }
section.generalInfo h2, section.festLocations h2 { position: relative; }
section.festLocations .row { margin-top: 50px; margin-bottom: 50px; }
.generalInfo .pink-element { height: 406px; opacity: 1; z-index: -1; bottom: -300px; }

.locationCubeContent { background: #ffffff; color: #121212; min-height: 370px; }
    .locationCubeContent .locationCubeTitle { padding: 12px 15px 5px; }
.locationCubeText { padding: 0px 15px 20px; }
.locationCubeContent .locationCubeTitle h3 { font-family: 'HadassahFriedlaender-Bold'; font-size: 130%; }
.locationCubeText > a { position: absolute; bottom: 20px; font-family: 'HadassahFriedlaender-Bold'; font-size: 100%; left: 50%; transform: translateX(-50%); border-bottom: 1px solid; display: inline-block; line-height: 1; }


/*section.generalInfo:after { content: ""; background-image: url(../../../000Frames/site/images/right-pink.png); width: 370px; height: 640px; background-size: contain; right: 0; position: absolute; background-repeat: no-repeat; bottom: -400px; z-index: -1; }*/
section.generalInfo { position: relative; max-width: 100%; }
section.mapSection { max-width: 100%; position: relative; padding: 60px 10vw 50px; }
    section.mapSection iframe { width: 100%; }
/*section.mapSection:after { content: ""; width: 418px; height: 570px; background-image: url(../../../000Frames/site/images/left-pink.png); background-size: contain; position: absolute; left: -10vw; background-repeat: no-repeat; bottom: 0; z-index: -1; }*/
.mapSection .pink-element { height: 546px; opacity: 1; z-index: -1; left: 0; }

section.textSection p:last-child:before { content: ""; border-top: 1px solid #d3d3d3; position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 58px; }
section.textSection p:last-child { position: relative; margin-top: 25px; padding-top: 20px; }

@media (max-width: 1280px) {
    section:not(.maxWidthSection) { max-width: 90vw; }
    section.generalInfo { max-width: 100%; }
        section.generalInfo:after { width: 280px; height: 550px; }
}

@media(max-width:1170px) {
    .maxWidthSection { max-width: 90vw; }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    section.festLocations .row { width: 85%; margin-right: auto; margin-left: auto;}
    section.mapSection { padding-left: 17vw; padding-right: 17vw;}
    section.generalInfo h2 { font-size: 150%;}
    section.generalInfo h3 { font-size: 110%;}
}

@media (max-width: 1024px) {
    .firstSecContent { max-width: 80vw; }
}

@media (min-width: 992px) {
    .infoCubes { display: flex; }
    .infoCubeContent { height: 100%; }
}

@media (max-width: 991px) {
    #lobby .pink-element { display: none; }
    .mainContent { max-width: 75vw; }
    section .firstSection:after { display: none; }
    .firstSecContent { max-width: 95vw; }
    section.firstSection { padding-top: 40px; }

    .infoCube { margin-bottom: 30px; }

    /*.locationCube { margin-bottom: 30px; }*/
    section.mapSection { max-width: 100%; padding: 0; }
        section.mapSection:after { display: none; }
    section.festLocations { max-width: 100%; }
    .locationCubeContent { min-height: 390px; }
    .generalInfoContent:before { content: ""; width: 288px; height: 350px; background-image: url(../../../000Frames/site/images/left-pink.png); background-size: contain; position: absolute; left: -50px; background-repeat: no-repeat; top: 150px; }
    section.generalInfo:after { right: -80px; }
    .generalInfoContent { max-width: 540px; }
    .mapWrapper { margin-bottom: -10px; }
}

@media (max-width: 767px) {
    .firstSecContent { max-width: 100vw; }
    .topBanner { height: 250px; }
    section.firstSection { padding-top: 0px; max-width: 95vw; }
    .mainContent { max-width: 100vw; padding: 0 30px; margin-bottom: 20px; }


    section.generalInfo h2 { font-size: 180%; margin-bottom: 30px; }
    section.generalInfo h3 { font-size: 110%; }
    section.generalInfo .row { margin-bottom: 50px; }

    .infoCubeText { display: inline-block; vertical-align: middle; width: calc(100% - 70px); margin-top: 0; min-height: 0; text-align: right; padding-right: 10px; font-size: 85%; }
    .infoCubeContent { padding: 15px 10px; }
    .infoSection:nth-child(2) .infoSectionText a:after { width: 43px; margin: 0; }
    .infoCube { margin-bottom: 10px; }

    section.generalInfo:after { width: 160px; height: 480px; right: -80px; }
    section:not(.maxWidthSection) { max-width: 100%; }
    section.maxWidthSection.textSection, .generalInfoContent.maxWidthSection { max-width: 100vw; padding: 0 30px; }

    .locationCube { padding: 0; }
    .locationCubeContent { min-height: 330px; }
    section.mapSection iframe { height: 250px; }

    .infoSection:last-child .infoSectionText h3 a { font-size: 90%; margin-right: 10px; }
    .generalInfoContent:before { width: 138px; height: 210px; }
    section.festLocations .row { margin-top: 40px; }
    
}