.u-section-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), url("images/DSC_0549.jpg"); margin-top: 0; margin-bottom: 0; background-position: 50% 28.58%}
.u-section-1 .u-sheet-1 {min-height: 620px}
.u-section-1 .u-text-1 {background-image: none; font-size: 3rem; font-family: Merriweather, serif; font-weight: normal; text-shadow: 0 2px 8px rgba(128,128,128,1); margin: 23px 20px 0}
.u-section-1 .u-text-2 {text-transform: uppercase; letter-spacing: 2px; font-size: 1.5rem; line-height: 1; font-weight: 300; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); margin: 14px 20px 60px} 

@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 511px}
.u-section-1 .u-text-1 {margin-left: 0; margin-right: 0}
.u-section-1 .u-text-2 {margin-left: 0; margin-right: 0} }

@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 391px} }

@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 412px} }

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 269px}
.u-section-1 .u-text-1 {font-size: 1.25rem; margin-top: 17px}
.u-section-1 .u-text-2 {font-size: 1.125rem; margin-top: 15px} }.u-section-2 {margin-top: 0; margin-bottom: 0}
.u-section-2 .u-sheet-1 {min-height: 170px}
.u-section-2 .u-text-1 {line-height: 2; letter-spacing: 0; font-size: 1rem; font-weight: normal; margin: 15px 0} 

@media (max-width: 991px){ .u-section-2 .u-text-1 {width: 600px} }

@media (max-width: 767px){ .u-section-2 .u-text-1 {width: 540px} }

@media (max-width: 575px){ .u-section-2 .u-text-1 {width: 340px} }.u-section-3 {background-image: url("images/DSC_0651.jpg"); background-position: 50% 50%; margin-top: 0; margin-bottom: 0}
.u-section-3 .u-sheet-1 {min-height: 1306px}
.u-section-3 .u-layout-wrap-1 {width: 1140px; margin: 20px auto 35px 0}
.u-section-3 .u-layout-cell-1 {min-height: 180px; background-image: none}
.u-section-3 .u-container-layout-1 {padding: 30px 60px}
.u-section-3 .u-text-1 {width: 613px; font-size: 2.25rem; margin: 0 auto}
.u-section-3 .u-text-2 {font-size: 0.875rem; margin: 15px 0 0}
.u-section-3 .u-layout-cell-2 {background-position: 0% 0%; min-height: 523px; background-image: none}
.u-section-3 .u-container-layout-2 {padding: 30px}
.u-section-3 .u-image-1 {height: 236px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 0 auto}
.u-section-3 .u-text-3 {font-weight: 700; font-size: 1.25rem; margin: 30px 20px 0}
.u-section-3 .u-text-4 {font-style: italic; font-size: 0.875rem; font-weight: 700; margin: 20px 20px 0}
.u-section-3 .u-btn-1 {margin: 20px auto 0}
.u-section-3 .u-layout-cell-3 {background-position: 0% 0%; min-height: 523px; background-image: none}
.u-section-3 .u-container-layout-3 {padding: 30px}
.u-section-3 .u-image-2 {height: 236px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 0 auto 0 0}
.u-section-3 .u-text-5 {font-weight: 700; font-size: 1.25rem; margin: 30px 20px 0}
.u-section-3 .u-text-6 {font-style: italic; font-size: 0.875rem; font-weight: 700; margin: 20px 20px 0}
.u-section-3 .u-btn-2 {margin: 20px auto 0}
.u-section-3 .u-layout-cell-4 {background-position: 0% 0%; min-height: 523px; background-image: none}
.u-section-3 .u-container-layout-4 {padding: 30px}
.u-section-3 .u-image-3 {height: 236px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 0 auto 0 0}
.u-section-3 .u-text-7 {font-weight: 700; font-size: 1.25rem; margin: 30px 0 0}
.u-section-3 .u-text-8 {font-style: italic; font-size: 0.875rem; font-weight: 700; margin: 20px 20px 0}
.u-section-3 .u-btn-3 {margin: 20px auto 0}
.u-section-3 .u-layout-cell-5 {background-position: 0% 0%; min-height: 543px; background-image: none}
.u-section-3 .u-container-layout-5 {padding: 30px 30px 0}
.u-section-3 .u-image-4 {height: 236px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); object-position: 50% 59.11%; background-position: 50% 59.11%; margin: 0 auto 0 0}
.u-section-3 .u-text-9 {font-weight: 700; margin: 30px 20px 0}
.u-section-3 .u-text-10 {font-style: italic; font-size: 0.875rem; font-weight: 700; margin: 20px 20px 0}
.u-section-3 .u-btn-4 {margin: 20px auto 0}
.u-section-3 .u-layout-cell-6 {min-height: 543px; background-image: none}
.u-section-3 .u-container-layout-6 {padding: 30px 30px 50px}
.u-section-3 .u-image-5 {height: 236px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 0 auto 0 0}
.u-section-3 .u-text-11 {font-weight: 700; margin: 31px 20px 0}
.u-section-3 .u-text-12 {font-style: italic; font-size: 0.875rem; margin: 20px 20px 0}
.u-section-3 .u-btn-5 {margin: 55px auto 0} 

@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 458px}
.u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial; width: auto}
.u-section-3 .u-layout-cell-1 {min-height: 100px}
.u-section-3 .u-text-1 {width: 505px}
.u-section-3 .u-layout-cell-2 {min-height: 431px}
.u-section-3 .u-image-1 {height: 187px; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-3 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-text-4 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-layout-cell-3 {min-height: 100px}
.u-section-3 .u-image-2 {height: 187px; position: relative; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-5 {position: relative; font-size: 1.125rem; margin-left: 0; margin-right: 0}
.u-section-3 .u-text-6 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-layout-cell-4 {min-height: 100px}
.u-section-3 .u-image-3 {height: 187px; position: relative; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-7 {font-size: 1.125rem; margin-top: 28px}
.u-section-3 .u-text-8 {position: relative; margin-top: 22px; margin-left: 0; margin-right: 0}
.u-section-3 .u-layout-cell-5 {min-height: 100px}
.u-section-3 .u-image-4 {height: 187px; position: relative; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-9 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-text-10 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-layout-cell-6 {min-height: 100px}
.u-section-3 .u-image-5 {height: 187px; position: relative; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-11 {position: relative; margin-left: 0; margin-right: 0}
.u-section-3 .u-text-12 {position: relative; margin-left: 0; margin-right: 0} }

@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 114px}
.u-section-3 .u-container-layout-1 {padding-left: 30px; padding-right: 30px}
.u-section-3 .u-text-1 {width: 387px}
.u-section-3 .u-text-2 {width: 387px}
.u-section-3 .u-layout-cell-2 {min-height: 100px}
.u-section-3 .u-image-1 {height: 133px; position: relative; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-2 {height: 133px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-3 {height: 133px; margin-right: initial; margin-left: initial}
.u-section-3 .u-text-7 {position: relative}
.u-section-3 .u-image-4 {height: 133px; margin-right: initial; margin-left: initial}
.u-section-3 .u-container-layout-6 {padding-bottom: 30px}
.u-section-3 .u-image-5 {height: 133px; margin-right: initial; margin-left: initial} }

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

@media (max-width: 575px){ .u-section-3 .u-text-1 {font-size: 1.875rem; width: 320px; margin-left: -10px; margin-right: -10px}
.u-section-3 .u-text-2 {width: 320px; margin-left: -10px; margin-right: -10px}
.u-section-3 .u-image-1 {height: 236px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-2 {height: 236px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-3 {height: 236px; margin-right: initial; margin-left: initial}
.u-section-3 .u-image-4 {height: 236px; margin-right: initial; margin-left: initial}
.u-section-3 .u-btn-4 {margin-top: 0; padding: 10px 30px}
.u-section-3 .u-image-5 {height: 236px; margin-right: initial; margin-left: initial}
.u-section-3 .u-btn-5 {margin-top: 20px} }.u-section-4 {min-height: 319px}
.u-section-4 .u-layout-wrap-1 {margin: 0 auto 0 0}
.u-section-4 .u-image-1 {min-height: 319px; background-image: url("images/066.jpg"); background-position: 50% 50%}
.u-section-4 .u-container-layout-1 {padding: 30px}
.u-section-4 .u-layout-cell-2 {min-height: 319px; background-image: none}
.u-section-4 .u-container-layout-2 {padding: 30px}
.u-section-4 .u-text-1 {text-transform: uppercase; font-size: 1rem; letter-spacing: 3px; margin: 31px 0 0}
.u-section-4 .u-text-2 {font-size: 2.25rem; margin: 24px 0 0}
.u-section-4 .u-text-3 {background-image: none; margin: 23px 0 0}
.u-section-4 .u-image-2 {min-height: 319px; background-image: url("images/DSC_0651.jpg"); background-position: 79.95% 50%}
.u-section-4 .u-container-layout-3 {padding: 30px} 

@media (max-width: 1199px){ .u-section-4 {min-height: 546px}
.u-section-4 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-4 .u-image-1 {min-height: 225px}
.u-section-4 .u-layout-cell-2 {min-height: 321px}
.u-section-4 .u-image-2 {min-height: 263px} }

@media (max-width: 991px){ .u-section-4 {min-height: 610px}
.u-section-4 .u-image-1 {min-height: 431px}
.u-section-4 .u-layout-cell-2 {min-height: 100px}
.u-section-4 .u-image-2 {min-height: 863px} }

@media (max-width: 767px){ .u-section-4 {min-height: 1221px}
.u-section-4 .u-image-1 {min-height: 323px}
.u-section-4 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-4 .u-container-layout-2 {padding-left: 50px; padding-right: 50px}
.u-section-4 .u-text-2 {font-size: 3.75rem}
.u-section-4 .u-image-2 {min-height: 647px}
.u-section-4 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-4 {min-height: 550px}
.u-section-4 .u-layout-wrap-1 {margin-top: 166px; margin-bottom: 1px; margin-right: initial; margin-left: initial}
.u-section-4 .u-image-1 {min-height: 203px}
.u-section-4 .u-layout-cell-2 {min-height: 292px}
.u-section-4 .u-text-1 {margin-top: 16px}
.u-section-4 .u-text-2 {font-size: 3rem; margin-top: 23px}
.u-section-4 .u-text-3 {margin-top: 34px; margin-right: -14px; margin-left: -14px}
.u-section-4 .u-image-2 {min-height: 340px; background-position: 50.95% 50%} }.u-section-5 {background-image: linear-gradient(0deg, rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url("images/becici__sveti_nikola_island.jpg"); background-position: 50% 0%}
.u-section-5 .u-sheet-1 {min-height: 673px}
.u-section-5 .u-text-1 {font-size: 3rem; font-weight: 300; width: 874px; margin: 14px auto 0}
.u-section-5 .u-line-1 {width: 54px; transform-origin: right center 0; height: 2px; margin: -22px auto 0 543px}
.u-section-5 .u-text-2 {font-size: 1rem; width: 874px; margin: 35px auto 0}
.u-section-5 .u-layout-wrap-1 {width: 985px; margin: 19px auto 45px 78px}
.u-section-5 .u-layout-cell-1 {background-position: 0% 0%; min-height: 532px}
.u-section-5 .u-container-layout-1 {padding: 20px 20px 30px}
.u-section-5 .u-image-1 {height: 261px; object-position: 17.31% 50%; background-position: 17.31% 50%; margin: 0 auto}
.u-section-5 .u-text-3 {font-size: 1.5rem; margin: 30px 0 0}
.u-section-5 .u-text-4 {font-style: italic; margin: 15px 0 0}
.u-section-5 .u-layout-cell-2 {background-position: 0% 0%; min-height: 532px}
.u-section-5 .u-container-layout-2 {padding: 20px 20px 30px}
.u-section-5 .u-image-2 {height: 261px; margin: 0 auto}
.u-section-5 .u-text-5 {font-size: 1.5rem; margin: 30px 0 0}
.u-section-5 .u-text-6 {font-style: italic; margin: 15px 0 0}
.u-section-5 .u-layout-cell-3 {background-position: 0% 0%; min-height: 532px}
.u-section-5 .u-container-layout-3 {padding: 20px 20px 30px}
.u-section-5 .u-image-3 {height: 261px; margin: 0 auto}
.u-section-5 .u-text-7 {font-size: 1.5rem; margin: 30px 0 0}
.u-section-5 .u-text-8 {font-style: italic; margin: 15px 0 0} 

@media (max-width: 1199px){ .u-section-5 .u-sheet-1 {min-height: 719px}
.u-section-5 .u-layout-wrap-1 {width: 940px; margin-left: 0}
.u-section-5 .u-layout-cell-1 {min-height: 421px}
.u-section-5 .u-image-1 {height: 215px; margin-right: initial; margin-left: initial}
.u-section-5 .u-layout-cell-2 {min-height: 421px}
.u-section-5 .u-image-2 {height: 215px; margin-right: initial; margin-left: initial}
.u-section-5 .u-layout-cell-3 {min-height: 421px}
.u-section-5 .u-image-3 {height: 215px; margin-right: initial; margin-left: initial} }

@media (max-width: 991px){ .u-section-5 .u-sheet-1 {min-height: 346px}
.u-section-5 .u-text-1 {width: 720px}
.u-section-5 .u-text-2 {width: 720px}
.u-section-5 .u-layout-wrap-1 {width: 720px}
.u-section-5 .u-layout-cell-1 {min-height: 100px}
.u-section-5 .u-image-1 {height: 165px; margin-right: initial; margin-left: initial}
.u-section-5 .u-layout-cell-2 {min-height: 100px}
.u-section-5 .u-image-2 {height: 165px; margin-right: initial; margin-left: initial}
.u-section-5 .u-layout-cell-3 {min-height: 100px}
.u-section-5 .u-image-3 {height: 165px; margin-right: initial; margin-left: initial} }

@media (max-width: 767px){ .u-section-5 .u-sheet-1 {min-height: 446px}
.u-section-5 .u-text-1 {font-size: 3.75rem; width: 540px}
.u-section-5 .u-line-1 {margin-left: 486px}
.u-section-5 .u-text-2 {width: 540px}
.u-section-5 .u-layout-wrap-1 {width: 540px}
.u-section-5 .u-image-1 {height: 371px; margin-right: initial; margin-left: initial}
.u-section-5 .u-image-2 {height: 371px; margin-right: initial; margin-left: initial}
.u-section-5 .u-image-3 {height: 371px; margin-right: initial; margin-left: initial} }

@media (max-width: 575px){ .u-section-5 .u-sheet-1 {min-height: 1665px}
.u-section-5 .u-text-1 {font-size: 2.25rem; margin-top: 30px; margin-left: 0; margin-right: 0; width: 340px}
.u-section-5 .u-line-1 {margin-left: 286px}
.u-section-5 .u-text-2 {width: 340px}
.u-section-5 .u-layout-wrap-1 {width: 340px}
.u-section-5 .u-image-1 {height: 234px; margin-right: initial; margin-left: initial}
.u-section-5 .u-image-2 {height: 234px; margin-right: initial; margin-left: initial}
.u-section-5 .u-image-3 {height: 234px; margin-right: initial; margin-left: initial} }.u-section-7 .u-sheet-1 {min-height: 500px} 

@media (max-width: 1199px){ .u-section-7 .u-sheet-1 {min-height: 412px} }

@media (max-width: 991px){ .u-section-7 .u-sheet-1 {min-height: 316px} }

@media (max-width: 767px){ .u-section-7 .u-sheet-1 {min-height: 296px} }