/* CSS Breakpoints */
/* Phone */

@media only screen and (max-width : 480px){

  header {background-color: black}


header div,
section nav,
footer,
.content {
  width: 100%;
  padding: 0;
}

section {padding: 0;}
section nav {
  left: 0;
  top: 0;
}

header div {
  padding:10px;
  text-align: center;
}

section {
  min-height: 550px;
}

.content {
  padding: 10px;
  width: 100%;
  min-height: 450px;
}

footer div {

  position: relative;
margin: 0 auto;
}

iframe {
  height: auto;
  width: auto;
}


}