@font-face{font-family:"Open Sans";font-weight:400;font-style:normal;src:url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.eot);src:url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.eot?#iefix) format("embedded-opentype"),local("Open Sans"),local("Open-Sans-regular"),url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.woff2) format("woff2"),url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.woff) format("woff"),url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.ttf) format("truetype"),url(https://www.confused.com/static/content/fonts/open-sans/v1.0/Open-Sans-regular/Open-Sans-regular.svg#OpenSans) format("svg")}

iframe {
  border:solid 0px #000;
}


#front {
  position:absolute;
  border:solid 0px #000;
  width:602px;
  height:60px;
  left:8px;
  top:0px;
  background:#0082e6;
  box-shadow:0 0 10px #ccc;
  
}
body {
  padding: 0;
  margin: 0;
}

body * {
  box-sizing: border-box;
}
.map-wrapper {
  width: 100%;
  max-width: 800px;
}    

.header {
  padding: 15px 20px;
  background: #0082e6;
  width: 100%;
  color: #fff;
  margin-bottom: -46px;
  z-index: 6;
  position: relative;
}

.header p {
  line-height: 1.1em;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.title {
  font-size: 22px;
  margin:0 0 5px 0;
}

.sub-title {
  font-size: 18px;
  margin: 0;
}

.map-wrapper iframe {
  width: 100%;
}