body
{
font-size:16px;
font-family: Arial;
}


h1
{
    font-size: 1.2em;
    width: 100%;
    font-weight: bold;
    font-family: Arial;
}


.container
{
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

#map_container
{
    position: relative;
}
#map
{
    height: 0;
    overflow: hidden;
    padding-bottom: 55%; /*padding-top: 30px;*/
    position: relative;
}

form
{
    width: 100%;
    font-size: 0.80em;
    font-family: Arial;
    background: #F1F0FE;11:17 02/06/2017
    padding-left:10px;
    margin-top:2px;
    padding-top:2px;
}

#submit
{
    color: white;
    font-weight: bold;
    border: none;
    margin: 0.5em;
    padding: 4px 8px;
    background: #6A9546;
   /* margin-left: 78px;*/
}
#iw-container
{
    /* font-size:0.6em*/
}

@media screen and (max-width: 500px)
{
    form
    {
        width: 100%;
        font-size: 0.6em;
        font-family: Arial;
        background: #F0F0F0;
    }
    #submit
    {
        color: white;
  font-size: 1em;
/*        font-weight: bold;*/
        border: none;
        margin: 0.5em;
        padding: 4px;
        background: #004D99;
        margin-left: 65px;
    }
    #iw-container
    {
        font-size: 0.7em;
    }


}