.icon-1, .icon-2, .icon-3 {
    position: absolute;
    margin: 0;
    width: 1.1rem;
    height: 1px;
    background-color: black;
    -webkit-transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
    transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8); }

    .icon-1 {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        -webkit-animation-delay: 100ms;
        animation-delay: 100ms; }
      
      /* line 20, ../scss/style-header.scss */
      .icon-3 {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-animation-delay: 250ms;
        animation-delay: 250ms; }
      
      /* line 25, ../scss/style-header.scss */
      .hamburger-icon {
        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;
        margin: 0;
        padding: 0 0 0 2rem;
        z-index: 20;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      
      /* line 39, ../scss/style-header.scss */
      .hamburger-icon:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
      
      /* line 54, ../scss/style-header.scss */
      .icon-1.a {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg); }
      
      /* line 57, ../scss/style-header.scss */
      .icon-3.b {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg); }
      
      /* line 60, ../scss/style-header.scss */
      .icon-2.c {
        opacity: 0; }
      
      /* line 64, ../scss/style-header.scss */
      .clear {
        clear: both; }

        @-webkit-keyframes slideIn {
            0% {
              width: 0%;
              opacity: 0; }
            100% {
              width: 50%;
              opacity: 1; } }
          @keyframes slideIn {
            0% {
              width: 0%;
              opacity: 0; }
            100% {
              width: 50%;
              opacity: 1; } }
              .nav-m-c {
            background: #0288D1;
            position: absolute;
            margin: 0;
            height: 100%;
            /*width: 50%;*/
            z-index: 10;
            opacity: 0;
            -webkit-transition: all 600ms cubic-bezier(0.62, 0.04, 0.3, 1.56);
            transition: all 600ms cubic-bezier(0.62, 0.04, 0.3, 1.56);
            -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }
            .nav-m-c ul {
                margin: 5rem 0.2rem;
                position: absolute; 
            }
                
            .nav-m-c ul li {
                list-style: none;
                font-size: 1.2rem;
                color: #fff;                    
                line-height: 1.5;
                text-transform: uppercase; 
            }
            .nav-m-c.show {
                width: 70%;
                opacity: 1; 
            }
            .dark-blue {
                position: absolute;
                margin: 0 0 0 -1.5rem;
                /*background: #64B5F6;*/
                height: 100%;
                width: 0%;
                -webkit-transition: all 500ms cubic-bezier(0.62, 0.04, 0.3, 1.8);
                transition: all 500ms cubic-bezier(0.62, 0.04, 0.3, 1.8);
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms;
                z-index: 5;
                opacity: 1; }
              
              /* line 133, ../scss/style-header.scss */
              .dark-blue.slide {
                width: 50%;
                opacity: 1; }
                @-webkit-keyframes shotup {
                    0% {
                      -webkit-transform: translateY(200%);
                      transform: translateY(200%);
                      opacity: 0; }
                    90% {
                      -webkit-transform: translateY(-50px);
                      transform: translateY(-50px); }
                    100% {
                      -webkit-transform: translateY(0%);
                      transform: translateY(0%);
                      opacity: 1; } }
                  @keyframes shotup {
                    0% {
                      -webkit-transform: translateY(200%);
                      transform: translateY(200%);
                      opacity: 0; }
                    90% {
                      -webkit-transform: translateY(-50px);
                      transform: translateY(-50px); }
                    100% {
                      -webkit-transform: translateY(0%);
                      transform: translateY(0%);
                      opacity: 1; } }



                      .content {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 100%;
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        text-align: center; }
                      
                      /* line 159, ../scss/style-header.scss */
                      .content h1 {
                        font-size: 70px;
                        -webkit-animation: shotup 600ms ease-in-out;
                        animation: shotup 600ms ease-in-out;
                        -webkit-animation-delay: 300ms;
                        animation-delay: 300ms; }
                        .nav-m-c ul li a {
                            color: #fff;
                            text-decoration: none;
                            font-size: 0.8rem; }
                          
                          /* line 185, ../scss/style-header.scss */
                          .nav-m-c ul li a:hover {
                            text-decoration: underline; }



            .nuvuus-logo {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; 
            }
            .nuvuus-logo img {
                height: 6vh;
                padding: 0.2rem; }
                @media (min-width: 768px) {
                    .hamburger-icon {
                      display: none; }
                      .nav-m-c {
                        display: flex;
                        position: relative;
                        background-color: #fff;
                        margin: 0;
                        height: 100%;
                        justify-content: space-around;
                        opacity: 1; }.nav-m-c ul {
                            margin: 0;
                            position: relative; }
                            .nav-m-c ul li {
                                display: inline-block;
                                margin: 0 1rem;
                                font-size: 1.2rem;
                                color: #000;
                                line-height: 1.5;
                                text-transform: uppercase; }
                                .dark-blue {
                                    display: none; }
                                
                                  .content {
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    width: 100%;
                                    -webkit-transform: translate(-50%, -50%);
                                    transform: translate(-50%, -50%);
                                    text-align: center; }
                                
                                  .content h1 {
                                    font-size: 70px;
                                    -webkit-animation: shotup 600ms ease-in-out;
                                    animation: shotup 600ms ease-in-out;
                                    -webkit-animation-delay: 300ms;
                                    animation-delay: 300ms; }
                                
                                  .nuvuus-logo {
                                    display: -webkit-box;
                                    display: -ms-flexbox;
                                    display: flex;
                                    -webkit-box-pack: start;
                                    -ms-flex-pack: start;
                                    justify-content: center;
                                    -webkit-box-align: center;
                                    -ms-flex-align: center;
                                    align-items: center; }
                                
                                  .nuvuus-logo img {
                                    height: 6vh;
                                    padding: 0.2rem; }
                                    .nav-m-c ul li a {
                                        color: #000;
                                        text-decoration: none; }
                                    
                                        .nav-m-c ul li a:hover {
                                        color: #000;
                                        text-decoration: underline; }
                                        .nuvuus-mo {
                                            width: 100%; } }