*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f2f2f2;
}

.construction-page{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    background:#efefef;
}

/* Warning Tape */
.tape{
    position:absolute;
    left:-10%;
    width:120%;
    height:65px;
    background:
    repeating-linear-gradient(
        45deg,
        #000 0px,
        #000 35px,
        #f4c430 35px,
        #f4c430 70px
    );
}

.tape-top{
    top:35px;
    transform:rotate(-8deg);
}

.tape-bottom{
    bottom:35px;
    transform:rotate(-8deg);
}

/* Center Content */
.content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}

.content h1{
    font-size:90px;
    font-weight:900;
    line-height:0.95;
    color:#111;
    letter-spacing:2px;
    text-transform:uppercase;
}

.content p{
    margin-top:20px;
    font-size:34px;
    color:#777;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

/* Responsive */
@media(max-width:768px){

    .content h1{
        font-size:52px;
    }

    .content p{
        font-size:22px;
    }

    .tape{
        height:45px;
    }

}

@media(max-width:480px){

    .content h1{
        font-size:38px;
    }

    .content p{
        font-size:18px;
    }

    .tape{
        height:35px;
    }

}