/*

html,
body { height: 100%; }

body {
	display: table;
	width: 100%;
}

.footer {
	display: table-row;
	height: 120px;
	background-color: #38afef;
	position: relative;
}

.footer a {
  color: #EEE;
  text-decoration: none;
}

.footer > div {
  padding-top: 35px;
}

#content {

  padding-bottom: 50px;

}

*/


html,
body {
  margin:0;
  padding:0;
  height:100%;
}
#wrapper {
  min-height:100%;
  position:relative;
}
#header {
  background:#ededed;
  padding:10px;
}
#content {
  padding-bottom:120px; /* Height of the footer element */
}
#footer {
  padding-top: 5px;
  background-color: #38afef;
  width:100%;
  height:120px;
  position:absolute;
  bottom:0;
  left:0;
}
#footer a {
  color: #EEE;
  text-decoration: none;
}

@media only screen and (min-width: 732px) {

  #footer {
    padding-top: 15px;
  }

}

@media only screen and (min-width: 769px) {

  #footer {
    padding-top: 35px;
  }

}