@charset "UTF-8";
/* CSS Document */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}

footer {
	margin-top: 20px;
}

footer.navbar-default.navbar-static-bottom {
    position: absolute;
	left: 0;
	right: 0;
    bottom: 0;
    width: 100%;
}
footer.navbar-default.navbar-static-bottom
 {
      background:#DEDEDE;
      color:black;
      padding:1em 0;
 }
 footer.navbar-default.navbar-static-bottom p
 {
      margin:0;
 }
 
 
 /* experimental things 
 okay basically without the code below the footer is really broken (especially on the staff pages, so yeah, don't touch this!!) */

/* old iPhones */
@media screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body {
		margin-bottom: 25%;
		}
}

/* iPhone 5 portrait & landscape */
@media screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
	body {
		margin-bottom: 70%;
		}
}

/* iPhone 6 portrait & landscape */
@media screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	body {
		margin-bottom: 60%;
	}
}

/* iPhone 6 Plus portrait & landscape */
@media screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
body {
	margin-bottom: 55%;
	}
}

/* iPad Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	body {
		margin-bottom: 27%;
		}
 }


/* iPad Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	body {
		margin-bottom: 10%;
		}
	}