.maintenance{
    overflow: hidden;
    position: relative;
    .text{
        max-width: 550px;
        margin:0 auto;
        @include flexbox();
        @include flex-wrap(wrap);
        @include align-items(center);
        @include align-content(center);
        @include justify-content(center);
        text-align: center;
        height: 100vh;
        img{
            max-width: 120px;
            height: 53px;
            margin:0 auto 30px;
        }
        h1{
            font-size: 4rem;
            font-weight: 400;
            color:$black;
            margin-bottom:20px;
            display: block;
            width: 100%;
        }
        p{
            width: 100%;
            margin-bottom: 40px;
        }
        .contact-info{
            @include flexbox();
            @include justify-content(space-between);
            @include align-items(center);
            i{
                background: $yellow;
                color:$white;
                margin-right: 15px;
                font-size: 2.2rem;
            }
            a{
                font-size: 1.2rem;
                color:$black;
                font-weight: 500;
            }
            .btn-open {
                width: 20px;
                height: 14px;
                display: none;
                cursor: pointer;
                @include transition();
                position: relative;
                margin-left: 30px;
                span {
                  display: block;
                  position: absolute;
                  height: 2px;
                  width: 20px;
                  background: $black;
                  opacity: 1;
                  overflow: hidden;
                  @include transition();
                  &:nth-child(1) {
                    top: 0px;
                  }
                  &:nth-child(2){
                    top: 6px;
                  }
                  &:nth-child(3) {
                    bottom:0;        
                  }
                }
            }
        }
    }
    &:after, &:before{
        content: '';
        display: block;
        width: 55vw;
        height: 65vw;
        position: absolute; 
    }
    &:after{
        top: -45vw;
        left: -28vw;
        transform: rotate(40deg);  
        background:$black;
    }
    &:before{
        background:$yellow;
        bottom: -45vw;
        right: -28vw;
        transform: rotate(40deg);  
    }
}