html {
  position: relative;
  min-height: 100%;
}
body {
  padding-top: 60px;
}
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  padding-top: 0;
}

div#navbar {
	padding-bottom: 0;
	margin-bottom: 0;
}

div#footer {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position:center;
  background-image:url("images/dolphin.jpg");
  padding-top: 0;
  margin-top: 0;
}

div#footer-text {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*div#images {
	width: 100%;
}*/

div#description
{
	text-align:center;
}

div#center
{
	text-align:center;
}

div#right
{
	text-align:center;
}

/*div#maps {
    width: 90%;
    margin: 0 auto; 
}*/

p#footer-text {
	color:white;
	font-size: 1.25em;
	font-size: 1.25vw;
}

.anchor {
    padding-top: 60px;
    margin-top: -60px;
}

ul.dropdown-nav li a
{
	color: LightGray;
}

/*.navbar-collapse.in {
    overflow-y: hidden;
}*/

/*img#ios {
	width: 30vw;
}*/

img#title {
	/*height: 45px;*/
	padding-top: 5px;
	padding-right: 0;
}

img#moon {
	/*height: 40px;*/
	margin-top:5px;
	margin-left:5px;
	float:right;
}

img#fire {
	margin-top: 5px;
	/*height: 40px;*/
}

img#maps {
	width:90%;
}

img#earth {
  max-width: 256px;
  width:90%;
}

img#puppet {
	width:90%;
}

img#paper {
	width: 90%;
	border: 1px solid LightGray;
}

img#research {
	width: 90%;
}

img#research2 {
	width: 95%;
}

img#solitary {
	width: 60%;

}

img#solitary2 {
	width: 85%;
}

iframe#research
{
	width: 90%;
	height: auto;
}

div#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:85%;
	height:85%;
}

iframe#video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 85%;
}

canvas#wave
{
	width:80%;
	height:200px;
}

/*@media (max-width: $screen-xs-max) {
    .col-xs-auto { width: auto; }
}
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    .col-sm-auto { width: auto; }
}
@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    .col-md-auto { width: auto; }
}
@media (min-width: $screen-lg-min) {
    .col-lg-auto { width: auto; }
}*/
