/* Header */
.large-header {
        position: relative;
        width: 100%;
        background: #000;
        overflow: hidden;
        background-image: url('../img/bg.jpg');
        background-size: 1000px 500px;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 1;
}

.main-title {
        position: absolute;
        margin: 0;
        padding: 0;
        color: #fff;
        text-align: center;
        top: 48%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
}

.p {
        position: absolute;
        margin: 0;
        padding: 0;
        color: #ccc;
        font-size: 1.5em;
        text-align: center;
        top: 54%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
}

a {
    color: #ccc;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

.demo-1 .main-title {
        text-transform: uppercase;
        font-size: 4.5em;
        letter-spacing: 0.1em;
}

.main-title .thin {
        font-weight: 200;
}

@media only screen and (max-width : 1288px) {
        .demo-1 .main-title {
                font-size: 3em;
        }
        .main-title {
                top: 48%;
        }
        .p {
                top: 54%;
                font-size: 1.1em;
        }
@media only screen and (max-width : 866px) {
        .main-title {
                top: 46%;
        }
        .p {
                top: 58%;
        }

}