html,
body {
  height: 100%;
}

#wrap {
  min-height: 100%;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto 0 auto;
  /* Pad bottom by footer height */
  padding: 40px 0 0 0;
}

/* Set the fixed height of the footer here */
#footer {
  height: 80px;
  background-color: #f5f5f5;
}


#wrap > .center-container {
  padding: 0 0 0 0;
  margin:0 0 0 0;
}

.center-container {
  height:100%;
  display: table;
  width:100%;
  margin:0 0 0 0;
}

.center-row {
  height:50%;
  width:100%;
  display: table-row;
}
.center-row-third {
	height:33.33%;
  width:100%;
  display: table-row;
}

.center-row > div {
  height:50%;
  width:100%;
  display: table-cell;
  border:0 solid #eee;
  color:#fff;
  vertical-align:middle;
  cursor:pointer;	
}
  
.center-row-third > div {
  height:33.33%;
  width:100%;
  display: table-cell;
  border:0 solid #eee;
  color:#fff;
  vertical-align:middle;
  cursor:pointer;	
}

.center-row h2 {
	 margin-top:30%; /* need this to clear the default margin */
}
.center-row-third h2 {
	 margin-top:60px;  /*need this to clear the default margin */
}


.bg-one {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bg-one a{
  color: #fff;
}
.bg-one:hover{
    color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.bg-two {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bg-two a{
  color: #fff;
}
.bg-two:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.bg-three {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bg-three a{
  color: #fff;
}
.bg-three:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.bg-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bg-success a{
  color: #fff;
}
.bg-success:hover {
    color: #fff;
  background-color: #449d44;
  border-color: #398439;
}