.u-section-1 {background-image: linear-gradient(to right, #f2b5bb, white)}
.u-section-1 .u-sheet-1 {min-height: 643px}
.u-section-1 .u-layout-wrap-1 {width: 1140px; margin: 0 auto}
.u-section-1 .u-layout-cell-1 {min-height: 643px}
.u-section-1 .u-container-layout-1 {padding: 0}
.u-section-1 .u-image-1 {width: 456px}
.u-section-1 .u-layout-cell-2 {min-height: 643px}
.u-section-1 .u-container-layout-2 {padding: 60px}
.u-section-1 .u-text-1 {text-transform: uppercase; letter-spacing: 4px; font-size: 1.25rem; font-weight: 700; margin: 0}
.u-section-1 .u-text-2 {margin: 30px 0 0}
.u-section-1 .u-text-3 {font-size: 1.125rem; line-height: 1.8; font-weight: 600; margin: 30px 0 0}
.u-section-1 .u-btn-1 {text-transform: uppercase; letter-spacing: 3px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); background-image: none; margin: 92px auto 0; padding: 10px 52px 10px 51px} 

@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 530px}
.u-section-1 .u-layout-wrap-1 {width: 940px}
.u-section-1 .u-layout-cell-1 {min-height: 530px}
.u-section-1 .u-layout-cell-2 {min-height: 530px}
.u-section-1 .u-text-2 {font-size: 4.5rem; font-family: Roboto, sans-serif; letter-spacing: normal; font-weight: 300}
.u-section-1 .u-btn-1 {font-weight: normal; margin-right: 0; padding-right: 39px; padding-left: 38px} }

@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 406px}
.u-section-1 .u-layout-wrap-1 {width: 720px}
.u-section-1 .u-layout-cell-1 {min-height: 100px}
.u-section-1 .u-image-1 {width: 398px; height: 421px; left: auto; bottom: auto; right: auto; top: auto; margin: 10px -19px 0}
.u-section-1 .u-layout-cell-2 {min-height: 100px}
.u-section-1 .u-container-layout-2 {padding: 30px}
.u-section-1 .u-text-1 {font-size: 1.125rem}
.u-section-1 .u-text-2 {font-size: 3rem}
.u-section-1 .u-btn-1 {padding-right: 14px; padding-left: 13px} }

@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 1072px}
.u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial; width: auto}
.u-section-1 .u-layout-cell-1 {order: 1}
.u-section-1 .u-image-1 {width: 439px; height: 539px; margin-top: 18px; margin-right: auto; margin-left: auto}
.u-section-1 .u-layout-cell-2 {order: 0}
.u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-btn-1 {margin-top: 45px; margin-right: auto} }

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 483px}
.u-section-1 .u-image-1 {width: 340px; height: 417px}
.u-section-1 .u-btn-1 {margin-left: 0; padding-right: 25px; padding-left: 23px} }.u-section-2 .u-sheet-1 {min-height: 670px}
.u-section-2 .u-layout-wrap-1 {margin: 59px auto 59px 0}
.u-section-2 .u-image-1 {min-height: 277px; background-image: url("images/odessa_port.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-1 {padding: 0 30px 30px}
.u-section-2 .u-layout-cell-2 {min-height: 277px; background-image: none; animation-duration: 1000ms}
.u-section-2 .u-container-layout-2 {padding: 0 30px 30px}
.u-section-2 .u-text-1 {margin-top: 0; font-style: italic; margin-bottom: 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); line-height: 26px}
.u-section-2 .u-layout-cell-3 {min-height: 277px}
.u-section-2 .u-container-layout-3 {padding: 0 30px 30px}
.u-section-2 .u-text-2 {margin-top: 0; font-style: italic; margin-bottom: 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); line-height: 26px}
.u-section-2 .u-image-2 {min-height: 277px; background-image: url("images/opera_odessa.jpg"); background-position: 50% 50%}
.u-section-2 .u-container-layout-4 {padding: 0 30px 30px}
.u-section-2 .u-layout-cell-5 {min-height: 554px; background-image: none}
.u-section-2 .u-container-layout-5 {padding: 0 0 30px 10px}
.u-section-2 .u-text-3 {font-size: 1.875rem; font-family: Roboto, sans-serif; font-weight: 500; letter-spacing: 2px; margin: 0}
.u-section-2 .u-line-1 {width: 56px; transform-origin: left center 0; height: 5px; margin: 88px auto 0}
.u-section-2 .u-text-4 {font-size: 1.125rem; font-style: italic; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); margin: 23px 0 0} 

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 573px}
.u-section-2 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-2 .u-image-1 {min-height: 228px}
.u-section-2 .u-layout-cell-2 {min-height: 228px}
.u-section-2 .u-layout-cell-3 {min-height: 228px}
.u-section-2 .u-image-2 {min-height: 228px}
.u-section-2 .u-layout-cell-5 {min-height: 457px} }

@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 914px}
.u-section-2 .u-image-1 {min-height: 349px}
.u-section-2 .u-layout-cell-2 {min-height: 100px}
.u-section-2 .u-layout-cell-3 {min-height: 100px}
.u-section-2 .u-image-2 {min-height: 349px}
.u-section-2 .u-layout-cell-5 {min-height: 100px}
.u-section-2 .u-text-3 {margin-top: 73px; margin-left: 10px; margin-right: 10px}
.u-section-2 .u-line-1 {margin-top: 16px; margin-right: 327px} }

@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 1464px}
.u-section-2 .u-image-1 {min-height: 524px}
.u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-image-2 {min-height: 524px}
.u-section-2 .u-container-layout-4 {padding-left: 10px; padding-right: 10px}
.u-section-2 .u-text-3 {margin-left: 0; margin-right: 0}
.u-section-2 .u-line-1 {margin-top: 31px; margin-right: 237px} }

@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 1624px}
.u-section-2 .u-layout-wrap-1 {margin-bottom: 0; margin-right: initial; margin-left: initial}
.u-section-2 .u-image-1 {min-height: 330px}
.u-section-2 .u-image-2 {min-height: 330px}
.u-section-2 .u-text-3 {margin-top: 29px; margin-right: 10px; width: auto}
.u-section-2 .u-line-1 {margin-top: 23px; margin-left: 132px}
.u-section-2 .u-text-4 {margin-top: 59px} }.u-section-3 .u-sheet-1 {min-height: 1155px}
.u-section-3 .u-text-1 {font-size: 1.875rem; margin: 31px 0 0}
.u-section-3 .u-group-1 {min-height: 227px; margin: 50px auto 0 0}
.u-section-3 .u-container-layout-1 {padding: 0}
.u-section-3 .u-text-2 {text-shadow: 2px 2px 8px rgba(0,0,0,0.4); font-style: italic; font-size: 1rem; line-height: 26px; font-weight: 600; margin: 7px 0 0}
.u-section-3 .u-text-3 {font-size: 1rem; font-style: normal; font-weight: normal; margin: 30px 0 0}
.u-section-3 .u-group-2 {min-height: 349px; margin: 8px auto 0 0}
.u-section-3 .u-container-layout-2 {padding: 0}
.u-section-3 .u-image-1 {height: 284px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); width: 454px; margin: 20px 20px 0 auto}
.u-section-3 .u-text-4 {font-weight: 600; margin: -284px 560px 0 20px}
.u-section-3 .u-text-5 {font-size: 1rem; margin: 27px 560px 0 20px}
.u-section-3 .u-text-6 {font-weight: 600; line-height: 26px; margin: 23px 0 0}
.u-section-3 .u-group-3 {min-height: 250px; margin: 27px auto 25px 0}
.u-section-3 .u-container-layout-3 {padding: 0}
.u-section-3 .u-text-7 {font-size: 1.5rem; line-height: 38px; font-weight: 600; margin: 15px 15px 0}
.u-section-3 .u-btn-1 {box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); background-image: none; margin: 23px auto 0 421px} 

@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 1211px}
.u-section-3 .u-group-1 {height: auto; margin-right: initial; margin-left: initial}
.u-section-3 .u-group-2 {height: auto; margin-top: 31px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-1 {width: 391px}
.u-section-3 .u-text-4 {margin-top: -295px; margin-right: 441px; margin-left: 0; width: auto}
.u-section-3 .u-text-5 {margin-top: 18px; margin-right: 441px; margin-left: 0; width: auto}
.u-section-3 .u-group-3 {height: auto; margin-bottom: 40px; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-7 {margin-left: 0; margin-right: 0}
.u-section-3 .u-btn-1 {margin-top: 31px; margin-left: auto} }

@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 1326px}
.u-section-3 .u-image-1 {width: 283px}
.u-section-3 .u-text-4 {margin-right: 318px}
.u-section-3 .u-text-5 {margin-right: 318px}
.u-section-3 .u-group-3 {margin-bottom: 50px; margin-right: initial; margin-left: initial} }

@media (max-width: 767px){ .u-section-3 .u-sheet-1 {min-height: 1588px}
.u-section-3 .u-group-2 {min-height: 565px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-1 {margin-top: 323px; margin-right: auto; width: 510px}
.u-section-3 .u-text-4 {margin-top: -538px; margin-right: 0}
.u-section-3 .u-text-5 {margin-right: 15px}
.u-section-3 .u-group-3 {min-height: 273px; margin-top: 15px; margin-bottom: 31px; margin-right: initial; margin-left: initial} }

@media (max-width: 575px){ .u-section-3 .u-group-2 {min-height: 693px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-1 {height: 189px; margin-top: 21px; width: 320px}
.u-section-3 .u-text-4 {margin-top: 37px; margin-right: 15px; margin-left: 15px}
.u-section-3 .u-text-5 {margin-top: 31px; margin-right: 0} }.u-section-4 .u-sheet-1 {min-height: 768px}
.u-section-4 .u-text-1 {line-height: 1.6; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); font-size: 1.25rem; letter-spacing: 1px; margin: 33px 0 0}
.u-section-4 .u-layout-wrap-1 {pointer-events: auto; margin: 33px auto 32px 0}
.u-section-4 .u-layout-cell-1 {min-height: 607px; pointer-events: auto}
.u-section-4 .u-container-layout-1 {padding: 20px 25px 5px 15px}
.u-section-4 .u-image-1 {height: 561px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 0 auto 0 0}
.u-section-4 .u-layout-cell-2 {min-height: 607px; pointer-events: auto}
.u-section-4 .u-container-layout-2 {padding: 20px 60px 5px}
.u-section-4 .u-text-2 {font-size: 1.25rem; line-height: 24px; letter-spacing: 1px; margin: 0 21px 0 0}
.u-section-4 .u-text-3 {line-height: 1.4; font-size: 1rem; margin: 52px 0 0} 

@media (max-width: 1199px){ .u-section-4 .u-text-1 {font-weight: normal}
.u-section-4 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-4 .u-layout-cell-1 {min-height: 501px}
.u-section-4 .u-image-1 {height: 453px; margin-right: initial; margin-left: initial}
.u-section-4 .u-layout-cell-2 {min-height: 501px}
.u-section-4 .u-text-2 {margin-right: 0} }

@media (max-width: 991px){ .u-section-4 .u-layout-cell-1 {min-height: 100px}
.u-section-4 .u-image-1 {height: 334px; margin-right: initial; margin-left: initial}
.u-section-4 .u-layout-cell-2 {min-height: 100px}
.u-section-4 .u-container-layout-2 {padding-left: 30px; padding-right: 30px} }

@media (max-width: 767px){ .u-section-4 .u-container-layout-1 {padding-right: 10px; padding-left: 10px}
.u-section-4 .u-image-1 {height: 736px; margin-right: initial; margin-left: initial}
.u-section-4 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-4 .u-sheet-1 {min-height: 650px}
.u-section-4 .u-image-1 {height: 453px; margin-right: initial; margin-left: initial} }