:root {
    --c-pink: #831843;
    --c-vivid-cerise: #DB2777;
    --c-magenta-dark: #86198F;
    --c-text-main: #000;
}

*{outline:none !important;margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;}
html, body {height:100%;width:100%;}
body {margin:0;padding:0;background:var(--c-magenta-dark);}
html, body, td, th {font:20px/1.2 "DM Sans", Arial, sans-serif;color:var(--c-text-main);}
h1 {line-height: 1;}
img {max-width: 100%;}

.wrapper-main {height:100%;display:flex;flex-direction:column;}
main {flex:1;padding:80px;}

.coming-soon {border-radius:8px; border:1px solid #fff;height:100%;display:flex;flex-direction:column;justify-content: space-between }
.coming-soon .logo-over {margin:-80px auto 0;padding:0 25px;}
.coming-soon .logo {box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);background:#fff;padding:50px;text-align:center;border-radius:0 0 8px 8px;}
.coming-soon .slogan {color:#fff;font-size:32px;padding:20px;}
.coming-soon .slogan h1 {font-size:128px;font-weight:700;margin:0 0 20px;}
.coming-soon .tags {background: var(--c-vivid-cerise);border-radius:0 0 8px 8px;text-align:center;padding:40px 40px 30px;}
.coming-soon .tags span {background:#fff;border-radius:4px;color:var(--c-pink);padding:8px 16px;display:inline-block;margin:0 2px 10px;}

@media (max-width: 1500px) {
    main {padding:40px;}
    .coming-soon .logo-over {margin:-40px auto 0;}
    .coming-soon .logo {padding:30px 40px;}
    .coming-soon .logo img {max-height: 70px;}
    .coming-soon .slogan h1 {font-size:100px;}
    .coming-soon .tags {padding:30px 30px 20px;}
    .coming-soon .tags span {font-size:17px;padding:6px 12px;margin:0 2px 5px;}
}
@media (max-width: 991px) {
    main {padding:30px;}
    .coming-soon .logo-over {margin:-30px auto 0;}
    .coming-soon .logo {padding:30px;}
    .coming-soon .logo img {max-height: 50px;}
    .coming-soon .slogan {font-size:25px;}
    .coming-soon .slogan h1 {font-size:70px;}
    .coming-soon .tags {padding:20px 20px 10px;}
    .coming-soon .tags span {font-size:15px;padding:4px 8px;}
}
@media (max-width: 575px) {
    main {padding:15px;}
    .coming-soon .logo-over {margin:-15px auto 0;}
    .coming-soon .slogan {font-size:20px;}
    .coming-soon .slogan h1 {font-size:45px;}
    .coming-soon .tags span {font-size:13px;}
}