body{
    background-color: black;
    background-image: url(images/background.jpg);
    color: aliceblue;
    margin:0px;
    width: 100%;
    font-family: Verdana, sans-serif;
}
.logo{
    max-width:15%;
    height: auto;
    margin: 2vw;
    padding-left: 5%;
    float: left;
}

h1{
    margin: 0px;
    padding-top: 2vh;
    padding-left: 10%;
    font-size: 6vh;
    font-family: 'OCR A Std', monospace;
    font-style: italic;
}

h2{
    text-align: left;
    padding-left: 10%;
}

a{
    color:aliceblue;
    height: auto;
}

p{
    text-align: justify;
    width: 25em;
    margin: auto;
}

.header{
    background: rgb(163,36,36);
    background: linear-gradient(90deg, 
    rgba(163,36,36,0.7511205165660014) 0%, 
    rgba(217,193,28,0.8491597322522759) 25%, 
    rgba(146,131,103,0) 50%, 
    rgba(46,44,210,0.5942577714679622) 75%, 
    rgba(168,20,95,0.7595238779105392) 100%);
    position: fixed;
    top:0;
}


.content{
    font-size: 1.5vw;
    margin-top: 15vw;
}

.nav{
    height: 7vh;
    margin-top: 1vh;
}


.tile{
    float: right;
    text-align: center;
    
    padding: 1.5vw 2vw 1.5vw 2vw;
    margin: 1vw;
    
    background-color:rgb(70, 21, 21);
    border-radius: 15px;
    
    font-size: 1.2vw;
    font-weight: bold;
}

.tile:hover{
    background-color:rgb(118, 43, 43);
}

.footer{
    background-color:rgb(70, 21, 21);
    position: static;
    bottom: 0;
    text-align: center;
    font-size: 2vh;
    padding-top: 3vw;
    width: 100%;
    height: 8vh;
    clear: both;
}

.half-text{
    float: left;
    width:50%;
    text-align: center;
    margin-bottom: 5%;
}

.half-img{
    float: left;
    width:50%;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .half-text, .half-img {
      width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
      font-size: 3vw;
    }
    h2{
        text-align: center;
    }
    .tile{
        font-size: 3vw;
    }
  }

.data{
    float: left;
    width:30%;
    text-align: center;
    padding: 10%;
}

.lane{
    clear: both;
    text-align: center;
    padding: 8vw 0vw 8vw 0vw;
    width: 100%;
    height: auto;
}

.engine{
    float:center;
    margin: auto;
    width:25%;
    margin: 4vw;
    border: solid 6px gray;
}

.mapouter{
    text-align:right;
    height:500px;
    width:600px;
}
.gmap_canvas{
    overflow:hidden;
    background:none!important;
    height:500px;
    width:600px;
}