@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300,300italic,700);

body{
    background-image: url(images/bg-index.png);
    background-position: center;overflow: hidden;
/*    background-repeat: repeat;*/
/*    position: relative;*/
}
a{
    cursor: pointer;
    text-decoration: none;
}
.overlay-cng{
    background-position: center;
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.wrapper-logo{
    max-width: 1140px;
    margin: auto;
    position: relative;
}
.logo-big{
    max-width: 80%;
    padding: 50px;
    width: 100%;
    height: auto;
}
button{
    height: 90px;
    width: 440px;
    border: #15a1d1 5px solid;
    background: none;
    color: #15a1d1;
    font: 400 48px "Roboto", sans-serif;
    color: #15a1d1;
    margin: -100px auto 120px auto;
    display: block;
/*    float: left;*/
    position: relative;
}
button:hover{
    background-color: #15a1d1;
    color: #fafafa;
    font-weight: 500;
    transition: all 256ms ease-out 0s;
}
.wrapper{
    max-width: 700px;
    margin: auto;
    
}
.wrapper-lang-btn{
    width: 440px;
    margin: auto;
    float: left;
}
.wrapper-slogan{
    max-width: 200px;
    margin: -100px auto auto 50px;
    float: left;
}
.slogan{
    margin: auto;
    position: relative;
}
p{
    color: #fafafa;
    text-shadow: 0px 0px 3px rgba(255, 255, 255, .8);
    font: italic 300 20px "Roboto", sans-serif;
    text-align: center;
    margin-left: -20px;
    margin-top: -15px;
}

/*****RESPONSIVE*****/

@media screen and (max-width: 445px) {
    button {
        width: 95% !important;
        margin: -100px 10px 120px 10px !important;
        height: 80px !important;
        font: 400 32px "Roboto", sans-serif !important;
    }
    .logo-big{
        margin-bottom: 30px !important; 
    }
}
@media screen and (max-width: 687px) {
    .wrapper-lang-btn{
        width: 100%;
    }
}
/*MOBILE*/
@media screen and (max-device-width: 445px) {
    button {
        width: 95% !important;
        margin: -100px 10px 120px 10px !important;
        height: 100px !important;
        font: 500 48px "Roboto", sans-serif !important;
    }
    .logo-big{
        margin-bottom: 30px !important; 
    }
    .wrapper-lang-btn{
        width: 100%;
    }
    .wrapper-slogan{
        min-width: 100%;
        margin: auto;
    }
    .slogan{
        padding-left: 250px;
        position: relative;
    }
}