body {
}

footer {
    padding-top: 20px;
    margin-top: auto;
    color: black;
    /*height: 20px;
    margin-top: -20px;
   
    padding-left: 20px;*/
    /* padding-bottom: 300px;
    padding-top: 20px;
    background-color: white*/
}

footer a {
    color: black;
}

footer a:hover {
    color: black;
}

@media screen and (max-width: 1200px) {


    body {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hostimg/rest2.png');
        background-repeat: no-repeat;
        background-size: 100% 60%;
        position: relative;
    }
    .front-sub-titile {
        font-size: 3em;
    }

    .front-titile {
        font-size: 3em;
    }
    .vid {
        min-height: 300px;
        background: none;
    }
    .walk-bg__video {
        visibility: hidden;
    }

    footer {
        padding-top: 20px;
        margin-top: auto;
        color: black;
        /*height: 20px;
    margin-top: -20px;
   
    padding-left: 20px;*/
        /* padding-bottom: 300px;
    padding-top: 20px;
    background-color: white*/
    }

    footer a {
        color: black;
    }

    footer a:hover {
        color: black;
    }
}




@media screen and (max-width: 767px) {


    /*.large-screen {
        visibility: hidden;
    }

    .small-screen {
        visibility: visible;
    }*/
    
    .vid {
        min-height: 200px;
        background: none;
    }

    .walk-bg__video {
        visibility: hidden;
    }
    h2 {
        font-size: 1.2em;
    }
    li {
        font-size: 108%;
    }

    p {
        font-size: 108%;
    }

    div {
        font-size: 100%;
    }
    .front-titile {
        padding-top: 5px;
    }
    body {
        
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hostimg/rest2.png');
        background-repeat: no-repeat;
        background-size: 100% 80%;
        position: relative;
    }
    footer {
        bottom: 0;
/*        padding-top: 100px;*/
    }
}