@media screen and (max-width: 640px),  screen and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){

    .home {

    }

    .home img {
         position:relative;
         margin-top: 0px;
        display: inline;
        width: 300px;
    }

    .row {
        margin: 0px 0px 0px 0px;
    }


    .container {
        padding-left:9px;
        padding-right:9px;
    }

    .col-12 {
        padding:0px;
    }




    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.2em;
    }

    h3 {
        font-size: 1.5em;
    }

    footer li {
        padding: 0.7em 0em 0.7em 0em;
        font-size:1.1em;
    }

    .navbar img {
        width:250px;
    }

}