#transport-hotel { background: #004D69; display: flex; justify-content: center; padding: 106px 0 166px; }
    #transport-hotel > .i { width: 456px; color: white; }
        #transport-hotel > .i:first-child { margin-right: 80px; }
        #transport-hotel > .i > h3 { font-size: 25px; color: #FF4E00; text-align: center; margin-top: 48px; }

#hotel-imgs { margin: 125px 0; }
    #hotel-imgs > .line { display: flex; justify-content: center; }
        #hotel-imgs > .line > img:not(:last-child) { margin-right: 70px; }
        #hotel-imgs > .line:not(:last-child) { margin-bottom: 58px; }

#todo { background: #00BBDC; padding: 80px 0 125px; }
    #todo > .c { }
        #todo > .c > .t { color: white; line-height: 1.5em; width: 900px; margin: 0 auto; }
            #todo > .c > .t > h2 { margin-top: 0; text-align: center; }
        #todo > .c > .videos { margin-top: 95px; }
            #todo > .c > .videos > .line { display: flex; justify-content: center; }
                #todo > .c > .videos > .line > .img-w { width: 462px; }
                    #todo > .c > .videos > .line > .img-w > h5 { font-size: 14px; color: #004D69; margin: 0 0 15px 0; }
                    #todo > .c > .videos > .line > .img-w:first-child { margin-right: 58px; }
                #todo > .c > .videos > .line:not(:last-child) { margin-bottom: 46px; }

#attractions-w { background: #004D69; color: white; padding: 132px 0 0; }
    #attractions-w > h3 { font-size: 32px; color: white; text-align: center; margin: 0; }

#attractions { margin-top: 108px; }
    #attractions > .att { display: flex; height: 642px; }
        #attractions > .att > .img { flex: 1; background-position: center; background-size: cover; }
        #attractions > .att > .t-w { flex: 1; display: flex; align-items: center; line-height: 1.1em; }
            #attractions > .att > .t-w > .t { max-width: 468px; margin: 0 65px 20px; }
                #attractions > .att > .t-w > .t > h3 { color: #FF4E00; margin-top: 0; margin-bottom: 25px; font-size: 28px; }
        #attractions > .att:nth-child(even) { }
            #attractions > .att:nth-child(even) > .img { order: 2; }
            #attractions > .att:nth-child(even) > .t-w { justify-content: flex-end; }
        #attractions > .att > .t-w > .t > .learn-more > a { color: #00BBDC; }

@media(max-width:1023px) {
    #transport-hotel { padding: 54px 0 70px; }
        #transport-hotel > .i { width: 320px; font-size: 14px; }
            #transport-hotel > .i:first-child { margin-right: 36px; }
            #transport-hotel > .i > img { width: 100%; }
            #transport-hotel > .i > h3 { font-size: 18px; margin: 18px 0; }
    #hotel-imgs { margin: 64px 0 74px; }
        #hotel-imgs > .line > img { width: 320px; }
            #hotel-imgs > .line > img:not(:last-child) { margin-right: 40px; }
        #hotel-imgs > .line:not(:last-child) { margin-bottom: 44px; }
    #todo { padding: 85px 0 84px; }
        #todo > .c > .t { width: 566px; font-size: 14px; }
            #todo > .c > .t > h2 { font-size: 22px; }
        #todo > .c > .videos { margin-top: 64px; }
            #todo > .c > .videos > .line > .img-w { width: 320px; }
                #todo > .c > .videos > .line > .img-w > h5 { font-size: 12px; margin-bottom: 10px; }
                #todo > .c > .videos > .line > .img-w:first-child { margin-right: 40px; }
            #todo > .c > .videos > .line:not(:last-child) { margin-bottom: 28px; }

    #attractions-w { padding-top: 45px; }
        #attractions-w > h3 { font-size: 22px; }
    #attractions { margin-top: 50px; overflow: hidden; }
        #attractions > .att { height: 300px; margin-bottom: 68px; }
            #attractions > .att > .t-w { align-items: flex-start; }
                #attractions > .att > .t-w > .t { max-width: none; margin: 0 25px 0; font-size: 12px; }
                    #attractions > .att > .t-w > .t > h3 { font-size: 18px; margin-bottom: 14px; }
}

@media(max-width:767px) {
    #banner { height: 228px; }
        #banner > .caption { top: 30px; }

    #transport-hotel { display: block; padding: 10px; }
        #transport-hotel > .i { width: auto; margin-bottom: 74px; }
            #transport-hotel > .i:first-child { margin-right: 0; }

    #hotel-imgs { margin: 25px 10px 34px; }
        #hotel-imgs > .line { display: block; }
            #hotel-imgs > .line > img { width: 100%; display: block; margin-bottom: 18px; }
            #hotel-imgs > .line:not(:last-child) { margin-bottom: 0; }

    #todo { padding: 30px 10px; }
        #todo > .c > .t { width: auto; }
        #todo > .c > .videos > .line:not(:last-child) { margin-bottom: 0; }
        #todo > .c > .videos > .line { display: block; }
            #todo > .c > .videos > .line > .img-w { width: auto; margin-bottom: 22px; }
                #todo > .c > .videos > .line > .img-w:first-child { margin-right: 0; }

    #attractions-w { padding-left: 10px; padding-right: 10px; }
    #attractions { margin-top: 25px; }
        #attractions > .att { display: block; height: auto; }
            #attractions > .att > .img { height: 178px; }
            #attractions > .att > .t-w { margin-top: 15px; }
                #attractions > .att > .t-w > .t { margin: 0; }
                    #attractions > .att > .t-w > .t > h3 { text-align: center; }
}