diff --git a/public/reqs/OthStyles.css b/public/reqs/OthStyles.css new file mode 100644 index 0000000..e3b5b32 --- /dev/null +++ b/public/reqs/OthStyles.css @@ -0,0 +1,84 @@ + .u-section-1 { + background-image: none; +} + +.u-section-1 .u-sheet-1 { + min-height: 800px; +} + +.u-section-1 .u-text-1 { + font-size: 6rem; + background-image: none; + margin: 209px auto 0; +} + +.u-section-1 .u-text-2 { + margin: 30px 59px 0; +} + +.u-section-1 .u-btn-1 { + background-image: none; + text-transform: uppercase; + font-weight: 700; + margin: 43px auto 0 265px; +} + +.u-section-1 .u-btn-2 { + background-image: none; + text-transform: uppercase; + font-weight: 700; + margin: -45px auto 0; +} + +.u-section-1 .u-btn-3 { + background-image: none; + text-transform: uppercase; + font-weight: 700; + margin: -45px 276px 0 auto; +} + +.u-section-1 .u-text-3 { + margin: 20px 59px 60px; +} + +@media (max-width: 1199px) { + .u-section-1 .u-text-2 { + margin-left: 0; + margin-right: 0; + } + + .u-section-1 .u-btn-1 { + margin-left: 65px; + } + + .u-section-1 .u-btn-3 { + margin-right: 76px; + } + + .u-section-1 .u-text-3 { + margin-left: 0; + margin-right: 0; + } +} + +@media (max-width: 991px) { + .u-section-1 .u-btn-1 { + margin-left: 0; + } + + .u-section-1 .u-btn-3 { + margin-right: 0; + } +} + +@media (max-width: 767px) { + .u-section-1 .u-text-1 { + font-size: 3.75rem; + } +} + +@media (max-width: 575px) { + .u-section-1 .u-text-1 { + font-size: 3rem; + } +}