General Lessons

.u-section-1 .u-sheet-1 { min-height: 1044px; } .u-section-1 .u-text-1 { font-weight: 700; font-size: 3.75rem; margin: 60px 667px 0 0; } .u-section-1 .u-text-2 { font-weight: 700; font-style: italic; font-family: "Playfair Display", serif; margin: 8px 0 0; } .u-section-1 .u-line-1 { width: 105px; height: 9px; transform-origin: left center; margin: 30px auto 0 0; } .u-section-1 .u-layout-wrap-1 { margin: 40px auto 60px 0; } .u-section-1 .u-layout-cell-1 { min-height: 268px; background-image: none; } .u-section-1 .u-container-layout-1 { padding: 30px; } .u-section-1 .u-text-3 { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 0; } .u-section-1 .u-text-4 { font-style: italic; font-size: 1.125rem; margin: 20px 0 0; } .u-section-1 .u-image-1 { min-height: 421px; background-image: url("images/2393227942-0.png"); background-position: 50% 50%; } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-image-2 { min-height: 445px; background-image: url("images/9d446984ecaeb1eebee7da1b1df038aee855d2bc5ef63473fe100360c8121c736ef6c3d78dca7603155e495c0ad538263d738e378c4d9c979a2436_1280.jpg"); background-position: 50% 50%; } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-layout-cell-4 { min-height: 193px; } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-text-5 { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 0; } .u-section-1 .u-text-6 { font-style: italic; font-size: 1.125rem; margin: 20px 0 0; } .u-section-1 .u-layout-cell-5 { min-height: 212px; } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-text-7 { font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 0; } .u-section-1 .u-text-8 { font-style: italic; font-size: 1.125rem; margin: 20px 0 0; } .u-section-1 .u-image-3 { min-height: 426px; background-image: url("images/7b526f5355a1310be0cd1ebbb1e2e674736ee1bd405ef0ea52358bd29e5d2b9150cfcd87cfd1f937eb7d25e22afc08d75f564cb7c1f2353c3fb980_1280.jpg"); background-position: 50% 50%; } .u-section-1 .u-container-layout-6 { padding: 30px; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 826px; } .u-section-1 .u-text-1 { margin-right: 467px; } .u-section-1 .u-layout-wrap-1 { margin-right: initial; margin-left: initial; } .u-section-1 .u-layout-cell-1 { min-height: 221px; } .u-section-1 .u-image-1 { min-height: 347px; } .u-section-1 .u-image-2 { min-height: 367px; } .u-section-1 .u-layout-cell-4 { min-height: 159px; } .u-section-1 .u-layout-cell-5 { min-height: 175px; } .u-section-1 .u-image-3 { min-height: 351px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 633px; } .u-section-1 .u-text-1 { margin-right: 247px; } .u-section-1 .u-layout-cell-1 { min-height: 100px; } .u-section-1 .u-image-1 { min-height: 399px; } .u-section-1 .u-image-2 { min-height: 422px; } .u-section-1 .u-layout-cell-4 { min-height: 100px; } .u-section-1 .u-layout-cell-5 { min-height: 100px; } .u-section-1 .u-image-3 { min-height: 807px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 475px; } .u-section-1 .u-text-1 { margin-right: 67px; } .u-section-1 .u-layout-cell-1 { order: 1; } .u-section-1 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-image-1 { min-height: 599px; order: 0; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-image-2 { min-height: 633px; } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-layout-cell-5 { order: 1; } .u-section-1 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-image-3 { min-height: 605px; order: 0; } .u-section-1 .u-container-layout-6 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 299px; } .u-section-1 .u-text-1 { margin-right: 0; font-size: 3rem; } .u-section-1 .u-image-1 { min-height: 377px; } .u-section-1 .u-image-2 { min-height: 399px; } .u-section-1 .u-image-3 { min-height: 381px; } }.u-section-2 .u-sheet-1 { min-height: 500px; } .u-section-2 .u-layout-wrap-1 { margin-top: 60px; margin-bottom: 60px; position: relative; } .u-section-2 .u-image-1 { min-height: 400px; background-image: url("images/621d54c06691d303c7ed9fafa2ba006da5ec386155da75e0ee50abc05e7c34343bc028714c8f6b579368c5471048ad0ca4f0f2d1dac408425f78de_1280.jpg"); background-position: 50% 50%; } .u-section-2 .u-container-layout-1 { padding: 30px; } .u-section-2 .u-layout-cell-2 { min-height: 400px; } .u-section-2 .u-container-layout-2 { padding: 30px; } .u-section-2 .u-text-1 { margin: 0 auto; } .u-section-2 .u-text-2 { margin: 20px 0 0; } @media (max-width: 1199px) { .u-section-2 .u-sheet-1 { min-height: 430px; } .u-section-2 .u-image-1 { min-height: 330px; } .u-section-2 .u-layout-cell-2 { min-height: 330px; } } @media (max-width: 991px) { .u-section-2 .u-sheet-1 { min-height: 353px; } .u-section-2 .u-image-1 { min-height: 253px; } .u-section-2 .u-layout-cell-2 { min-height: 100px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { min-height: 580px; } .u-section-2 .u-image-1 { min-height: 380px; } .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; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { min-height: 439px; } .u-section-2 .u-image-1 { min-height: 239px; } }.u-section-3 .u-sheet-1 { min-height: 860px; } .u-section-3 .u-layout-wrap-1 { margin: 70px 0; } .u-section-3 .u-layout-cell-1 { min-height: 500px; } .u-section-3 .u-container-layout-1 { padding: 30px 60px; } .u-section-3 .u-text-1 { margin: 0 auto 0 0; } .u-section-3 .u-text-2 { margin: 20px 0 0; } .u-section-3 .u-btn-1 { text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; border-style: solid; margin: 20px auto 0 0; } .u-section-3 .u-layout-cell-2 { min-height: 250px; } .u-section-3 .u-container-layout-2 { padding: 30px; } .u-section-3 .u-text-3 { margin-bottom: 0; margin-top: 0; } .u-section-3 .u-image-1 { min-height: 250px; background-image: url("images/40143a8e6ac2d392808e13fd44d1953d486030f26a83c5aae9e8469267eea9d99b4649f752b76e03f13015900d30f16c404166fffcc8a3878ae42e_1280.jpg"); background-position: 50% 50%; } .u-section-3 .u-container-layout-3 { padding: 30px; } .u-section-3 .u-image-2 { min-height: 250px; background-image: url("images/a4d26ebdafb8a90d27c39188c5329f12ecb39ba99282dc97009f5f4bff70ea60dae8fa0124b92f644339bd8d89b1b7589b3e415bd097edf57a9684_1280.jpg"); background-position: 50% 50%; } .u-section-3 .u-container-layout-4 { padding: 30px; } .u-section-3 .u-layout-cell-5 { min-height: 250px; } .u-section-3 .u-container-layout-5 { padding: 30px; } .u-section-3 .u-text-4 { margin-bottom: 0; margin-top: 0; } .u-section-3 .u-layout-cell-6 { min-height: 523px; } .u-section-3 .u-container-layout-6 { padding: 30px 44px; } .u-section-3 .u-text-5 { margin: 0 auto 0 16px; } .u-section-3 .u-text-6 { margin: 18px 21px 0 11px; } .u-section-3 .u-btn-2 { text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; border-style: solid; margin: 23px auto 0 16px; } @media (max-width: 1199px) { .u-section-3 .u-sheet-1 { min-height: 100px; } .u-section-3 .u-layout-wrap-1 { margin-right: initial; margin-left: initial; } .u-section-3 .u-layout-cell-1 { min-height: 412px; } .u-section-3 .u-btn-1 { width: 161px; height: 46px; } .u-section-3 .u-layout-cell-2 { min-height: 206px; } .u-section-3 .u-image-1 { min-height: 206px; } .u-section-3 .u-image-2 { min-height: 206px; } .u-section-3 .u-layout-cell-5 { min-height: 206px; } .u-section-3 .u-layout-cell-6 { min-height: 431px; } .u-section-3 .u-text-6 { margin-left: 0; margin-right: 0; } .u-section-3 .u-btn-2 { width: 157px; height: 42px; margin-left: 0; } } @media (max-width: 991px) { .u-section-3 .u-sheet-1 { min-height: 314px; } .u-section-3 .u-layout-cell-1 { min-height: 100px; } .u-section-3 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-3 .u-layout-cell-2 { min-height: 100px; } .u-section-3 .u-image-1 { min-height: 316px; } .u-section-3 .u-image-2 { min-height: 316px; } .u-section-3 .u-layout-cell-5 { min-height: 100px; } .u-section-3 .u-layout-cell-6 { min-height: 100px; } .u-section-3 .u-container-layout-6 { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .u-section-3 .u-sheet-1 { min-height: 1578px; } .u-section-3 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-image-1 { min-height: 474px; } .u-section-3 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-image-2 { min-height: 474px; } .u-section-3 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } .u-section-3 .u-container-layout-6 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-3 .u-sheet-1 { min-height: 874px; } .u-section-3 .u-layout-cell-1 { min-height: 63px; } .u-section-3 .u-image-1 { min-height: 298px; } .u-section-3 .u-image-2 { min-height: 298px; } .u-section-3 .u-layout-cell-6 { min-height: 63px; } }