* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

#wrap {
  height: 100vh;
  overflow: auto;
}

#main {
  overflow: scroll;
  padding-bottom: 100px;
  /* must be same height as the footer */
}

#footer {
  position: relative;
  margin-top: -100px;
  /* negative value of footer height */
  /*height: 80px;*/
  clear: both;
  background-color: #2B823A;
}

#footer, .modal-footer i {
	font-size: 40px;
}

div.ui-button {
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}

a.ui-button {
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
}

a.ui-button:link,
a.ui-button:visited {
	color: white;
	background-color: transparent;
}

a.ui-button:hover,
a.ui-button:active {
	color: white;
	background-color: #10621E;
}

#footer .col {
	padding-right: 0px;
	padding-left: 0px;
}

#footer .row {
	margin-left: 0px;
	margin-right: 0px;
}