/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

.link-to{
	align-content: center;
	float: left;
}
.link{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	align-content: center;
}
/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
	background: url(../images/bg.png) fixed repeat-x center top;
  
}
body {
  color: #263238;
  text-align: center;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	
}
iframe{
	border: solid #000 3px;
}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	background: url(../images/footer.png) fixed repeat-x center bottom;
	
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}


/* Padding for spacing */
.inner {
  padding: 30px;
}

.videoWrapper {
		width: 100%;
		height: 100%;
	margin: 10px 0;
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
/* Styles */
	
	.videoWrapper iframe {
		width: 100%;
		height: 200px;
}
}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 640px) and (max-device-width : 1024px) {
/* Styles */
	.videoWrapper iframe {
		width: 516px;
		height: 290px;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.videoWrapper iframe {
		width: 516px;
		height: 290px;
}

}
/* Styles */
	
@media only screen and (min-device-width : 1024px) and (max-device-width : 1920px) and (orientation : landscape) {
	
	.videoWrapper iframe {
		width: 516px;
		height: 290px;
}
	.inner {
  padding: 10px;
}
}