-div {
+@use '_variables' as *;
+@use '_mixins' as *;
+
+.root {
+ @include margin-left(auto);
+ @include margin-right(auto);
+
height: 100%;
- width: 100%;
text-align: center;
- margin-top: 50px;
+ padding-top: 150px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column-reverse;
+
+ .box {
+ text-align: start;
+ font-size: 120%;
+ padding: 0 15px;
+ }
+
+ img {
+ @include margin-left(auto);
+
+ width: 220px;
+ height: auto;
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ img {
+ @include margin-right(auto);
+ }
+ }
+
+ @media screen and (min-width: $mobile-view) {
+ width: 400px;
+ }
+
+ @media screen and (min-width: #{breakpoint(lg)}) {
+ width: 600px;
+ }
+
+ @media screen and (min-width: #{breakpoint(xl)}) {
+ width: 700px;
+ }
+
+ @media screen and (min-width: #{breakpoint(xxl)}) {
+ width: 800px;
+ }
+
+ @media screen and (max-height: 600px) {
+ padding-top: 50px;
- font-size: 32px;
-}
\ No newline at end of file
+ img {
+ width: 160px;
+ }
+ }
+}