#bodyContent {overflow: hidden;}



#top {position: relative; height: 13.75rem; background: #ffcb05;}

#top:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../img/bg-pattern@2x.png) repeat-x 23% center / auto 100%; mix-blend-mode: multiply;}

#top > div {width: 100%; position: relative; height: 100%; display: table; text-align: center; z-index: 1;}

#top h1.title {display: table-cell; vertical-align: middle; font-size: 2.8rem; font-weight: 700; }

#top h1.title {letter-spacing: .625rem; line-height: 1.4;}

#top h1.title span.en {font-size:.6em; line-height: 1; letter-spacing: .25rem; display: block;}



@media (max-width: 48.125rem) {

    #top {height: 10rem;}

    #top:before {background: url(../img/bg-pattern-m@2x.png) repeat-x center / auto 100%; }

}







#info {padding: 1.875rem 1.875rem 8rem;}

#info .container {max-width: 47rem; margin: auto;}

.en #info .container {max-width: 60rem;}

#info .row {border-top: 1px solid #ffcb03; padding: 1.25rem 0;}

#info .row:last-child {border-bottom: 1px solid #ffcb03;}

#info p {margin: 0; padding: 0 1.5rem; font-size: 1.5rem; line-height: 1.4; font-weight: 500;}

.en #info p {}



@media (max-width: 48.125rem) {

    #info {padding: 1.875rem 2.8rem 5rem;}

    #info .row {padding: 1.15rem 0;}

    #info .row > .column.small-4 {-ms-flex: 0 0 31%; -webkit-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%;}

    #info .row > .column.small-8 {-ms-flex: 0 0 69%; -webkit-flex: 0 0 69%; flex: 0 0 69%; max-width: 69%;}

    .en #info .row > .column.small-4 {-ms-flex: 0 0 40%; -webkit-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}

    .en #info .row > .column.small-8 {-ms-flex: 0 0 60%; -webkit-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}

    #info .row > .column:last-child p {padding-left: 0;}

}