.logo-box{
    border-top:0;
    background: url("../img/logo-box-bcg.jpg") right top no-repeat;




    color: #FCFFFF;
    height: 100vh;

    padding: 0 0 20% 0;



}
.logo-box img{
    max-width: 250px;
    width: 100%;
}
.logo-box h2 {
    font-size: 50px;
    font-weight: 700;
    z-index: 9999;
    color: #FCFFF9;
    letter-spacing: .1em;
    text-shadow:
            0 -1px 0 #FCFFF9,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 15px 30px rgba(0, 0, 0, 0.8);



}
.logo-box p {
    font-size: 28px;
}
.logo-box-bcg {
    background: rgba(231,229,228,0.5);


    padding-top:15vh ;
    width: 100%;
    height: 100vh;


}
.logo-box h1 {
    margin-top: 13%;
    font-size: 120px;
    z-index: 9999;
    color: #FCFFF9;
    letter-spacing: .1em;
    text-shadow:
            0 -1px 0 #FCFFF9,
            0 1px 0 #2e2e2e,
            0 2px 0 #2c2c2c,
            0 3px 0 #2a2a2a,
            0 4px 0 #282828,
            0 5px 0 #262626,
            0 6px 0 #242424,
            0 7px 0 #222,
            0 8px 0 #202020,
            0 9px 0 #1e1e1e,
            0 10px 0 #1c1c1c,
            0 15px 30px rgba(0, 0, 0, 0.9);



}



@media (max-width: 1000px)  {
    .logo-box h1{
        margin-top: 8%;
        font-size: 255px
    }
    .logo-box {
        background: url("../img/logo-box-bcg.jpg") right bottom no-repeat;
        background-size: 5000px 3125px;
    }
    .logo-box h2 {
        font-size: 70px;
    }
    .logo-box p {
        font-size: 50px;
    }
}

@media (max-height: 1000px)  {

    .logo-box p {
        display: none;
    }
}

@media (max-height: 560px)  {

    .logo-box h1{
        font-size: 200px;
    }
    .logo-box h2 {
        display: none;
    }
}