/*`•.,¸¸,.•´¯ General ¯`•.,¸¸,.•´*/

* { padding: 0; margin: 0; outline: 0; border: none; }
* { transition: all .17s ease-out; }
body { font-size: 16px; font-family: 'Montserrat', sans-serif; overflow: hidden; }

/*`•.,¸¸,.•´¯ Text ¯`•.,¸¸,.•´*/

h2 { font-family: 'Sulphur Point', sans-serif; color: white;  font-size: 3rem; font-weight: 400; line-height: 3rem; }
h2 span { width: 1rem; height: 100%; display: inline-block; }

/*`•.,¸¸,.•´¯ Object Wrapper ¯`•.,¸¸,.•´*/

.o-wrapper {
    background-image: url("../src/dark_wood_upscaled.jpg");
    background-size: cover;
    width: calc(100vw - 4rem);
    height: calc(100vh - 4rem);
    border: 2rem solid white;
    overflow: hidden; }

/*`•.,¸¸,.•´¯ Component Logo ¯`•.,¸¸,.•´*/

.c-qicare-logotype {
    position: relative;
    -webkit-transform: scale(55%);
    -ms-transform: scale(55%);
    transform: scale(55%); }

.c-qicare-logotype, .o-qicare-logo-q, .o-qicare-logo-c, .o-qicare-logo-text-q, .o-qicare-logo-text-i, .o-qicare-logo-text-c, .o-qicare-logo-text-a, .o-qicare-logo-text-r, .o-qicare-logo-text-e {
    width: 63.869375rem; 
    height: 24.374375rem;
    top: -15%; }

.o-qicare-logo {
    left: 31%; }

.o-qicare-logo-text {
    top: 80%;
    left: -22%; }

.o-qicare-logo-c {
    -webkit-clip-path: url(#qicare-c);
    clip-path: url(#qicare-c);
    background: -o-linear-gradient(284.4deg, rgb(211,168,76) 3%, rgb(255,236,148) 25%, rgb(230,190,105) 39%, rgb(255,216,124) 57%, rgb(181,143,62) 68%, rgb(149,109,19) 75%);
    background: linear-gradient(0.46turn, rgb(211,168,76) 3%, rgb(255,236,148) 25%, rgb(230,190,105) 39%, rgb(255,216,124) 57%, rgb(181,143,62) 68%, rgb(149,109,19) 75%);}

.o-qicare-logo-q, .o-qicare-logo-text-q, .o-qicare-logo-text-i, .o-qicare-logo-text-c, .o-qicare-logo-text-a, .o-qicare-logo-text-r, .o-qicare-logo-text-e {
    background: white; }

 .o-qicare-logo-q {
     -webkit-clip-path: url(#qicare-q);
     clip-path: url(#qicare-q); }

 .o-qicare-logo-text-q {
     -webkit-clip-path: url(#qicare-text-q);
    clip-path: url(#qicare-text-q); }

.o-qicare-logo-text-i {
    -webkit-clip-path: url(#qicare-text-i);
   clip-path: url(#qicare-text-i); }

.o-qicare-logo-text-c {
    -webkit-clip-path: url(#qicare-text-c);
   clip-path: url(#qicare-text-c); }

.o-qicare-logo-text-a {
    -webkit-clip-path: url(#qicare-text-a);
   clip-path: url(#qicare-text-a); }

.o-qicare-logo-text-r {
    -webkit-clip-path: url(#qicare-text-r);
   clip-path: url(#qicare-text-r); }

.o-qicare-logo-text-e {
    -webkit-clip-path: url(#qicare-text-e);
   clip-path: url(#qicare-text-e); }

/*`•.,¸¸,.•´¯ Object Coming Soon ¯`•.,¸¸,.•´*/

.o-coming-soon {
    bottom: 7rem;
}

/*`•.,¸¸,.•´¯ Utility Classes ¯`•.,¸¸,.•´*/

.u-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.u-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.u-flex-expander {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.u-absolute { position: absolute; }

/*`•.,¸¸,.•´¯ Media Queries ¯`•.,¸¸,.•´*/
@media screen and (min-width: 800px) {
    .c-qicare-logotype {
        position: relative;
        -webkit-transform: scale(70%);
        -ms-transform: scale(70%);
        transform: scale(70%); }
    
    .c-qicare-logotype {
        top: 0; }

    .o-qicare-logo {
        left: 0; }

    .o-qicare-logo-text {
        top: 0;
        left: 0; }

    .o-coming-soon {
        right: 10rem; }
}