wether.css

#container
{
    background-color:#e6ffff;
    height:100%;
}
header
{
    display:block;
    color:#8fffe6;
    background-color:black;
    margin:0px 0px 0px 0px;
    padding-top:3%;
    padding-bottom:3%;

}
#head
{
    color:#8fffe6;
    font-size:240%;
    text-align:center;
    margin:0 auto;
}
.maps
{
    position:relative;
    display:inline-block;
    width:58%;
    height:80vh;
    margin:0 auto;
}
.info
{
    display:inline-block;
    width:42%;
    height:80vh;
    float: right;
}
#map {
    border:5px solid #ccffff;
    height: 500px;
    width: 95%;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:30px;
}
h2
{
    text-align:center;
    margin-top: -3%;
    color:grey;
    font-size:200%;
    padding: 2px;
    font-family: 'Pacifico', cursive;
    font-weight: normal;
}
#list
{
    color:#00b3b3;
    font-size:150%;
    margin:0 auto;
}
#icon
{
    display:inline-block;
    width:42%;
    margin-left: 35%;
    margin-top: 7%;
}


/*@media only screen and (max-width:650px)
{
    h2
    {
        margin:0 auto;
    }
    #icon
    {
        margin-left:12%;
    }
    .info
    {
        width:100%;
        height:100vh;
        order:2;
    }
    .maps
    {
        width:100%;
        order:1;
    }
}*/