html {
    min-height: 100%;
    background-image: url(files/tour-web.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 }
 .row
 {
    width: 100%;
 }
 .center
 {
    text-align: center;
 }
 .fix-bottom
 {    
    position: absolute;
    bottom:0;
 }
 .responsive-image
 {
    width: 100%;
    max-width:700px;
 }
 .logo
 {
    width:160px;
    height:63px;
    margin-left: 20px;
    margin-top: 20px;
 }
 .discover
 {
    margin-top: 15%;
 }
 .loading
 {
    width:150px;
    height:75px;
 }

 @media only screen and (max-width: 1440px) {
    .discover
    {
       margin-top: 17%;
    }
    .loading
    {
       width:200px;
       height:100px;
    }
}
@media only screen and (max-width: 926px) {
    .discover
    {
       margin-top: 5%;
    }
    .loading
    {
       width:200px;
       height:100px;
    }
}
@media only screen and (max-width: 810px) {
    .discover
    {
       margin-top: 45%;
    }
    .loading
    {
       width:200px;
       height:100px;
    }
}
@media only screen and (max-width: 428px) {
    .discover
    {
       margin-top: 65%;
    }
    .loading
    {
       width:200px;
       height:100px;
    }
}