/* student.css 
   Project: 
   Author: 
   Date: 
	
   Helpful links: 
   	Web colors: 
   		https://en.wikipedia.org/wiki/Web_colors#X11_color_names
	Color picker tool:
		https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
		http://colorpicker.com

	This is from W3Schools.com "How to create a parallax scrolling effect": 
	https://www.w3schools.com/howto/howto_css_parallax.asp

*/

/* fix for collapsing iframes */

/* vr360youtube */
.vr360youtube { min-width: 73%; min-height: 100%; }

.vr360youtube iframe {
  min-width: 100%; min-height: 100%;
}

/* timelinejs */
.timeline { 
	width: 100%; min-height: 100%; 
}

.timeline iframe {
  min-width: 100%; min-height: 100%;
}

/* gmap */
.gmap { 
	min-width: 73%; min-height: 100%; 
}

.gmap iframe {
  	min-width: 100%; min-height: 100%;
}

/* end collapse fix */ 
 
 

header {
  background-image: url("../img/imagen11.jpg");
  
  height: 65%;
}

.title h1 {
  /* color: blanchedalmond;*/
}

.title h2 {
  /*  color: navajowhite;*/
}

.title0 h1 {
  /*color: darkslategray;*/
}

.title0 h2 {
  /*color: darkslategray; */
}

.teaser {
  border-top: 15px solid DarkOrange;
  border-left: 2px solid DarkOrange;
}

section.maintext {
  /*background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg1 {
      background-image: url("../img/imagen09.jpg");
    }

section.mainvideo {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg2 {
       background-image: url("../img/imagen09.jpg");
    }

section.mainaudio {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg3 {
    /*  background-image: url("../img/coverphoto.jpg"); */
    }
    
section.sidebar {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg4 {
      background-image: url("../img/imagen14.jpg");
    }

section.vr360video {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg5 {
      background-image: url("../img/imagen16.jpg");
    }

section.slideshow {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg6 {
      background-image: url("../img/imagen09.jpg");
    }

section.gmapmain {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg7 {
      background-image: url("../img/imagen15.jpg");
    }

section.knightlab {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg8 {
      background-image: url("../img/imagen10.jpg");
    }

section.socialmedia {
  background-image: url("../img/imagen07.jpg");*/
}

    .divider.bgimg9 {
       background-image: url("../img/imagen07.jpg"); 
    }

section.dataviz {
  /* background-image: url("../img/griffith.jpg"); */
}

section.footer {
  /* background-image: url("../img/griffith.jpg"); */
}

.divider .caption {
      position: absolute;
      top: auto;
      bottom: 2%;
      width: 50%;
 
    }

@media only screen and (max-width: 640px) {
.divider .caption {
      position: absolute;
      top: auto;
      bottom: 2%;
      width: 82%;
 
    }