html,
body {
    margin: 0;
    font-family:'Roboto Condensed', Helvetica, sans-serif;
    height: 100%;
    font-size: 20px;
}

h1{font-size: 5em}
h2{font-size: 3em}
h3{font-size: 2em}
a{color:#39caca}
.animated{font-size: 2em; color:#39caca; margin-top:15%}

.wrapper{
  position: absolute;
  width:100%;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:90.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
img{ width: 100%}

.container {
    color: #4a4a4a;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    margin: 0 auto;
    position: relative;
    width: 80%;
    text-align: center;

}
.container img{
  width:70%
}

@media (max-width:400px) {
  .container img{
    width:100%
  }

  .container{
    margin-top:15%;
  }
}