/*!
 * Start Bootstrap - New Age v3.3.7 (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  background: #eabfcc url('img/bg-nath.jpg') top right no-repeat; 
  background-position: cover;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #303030;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #ff6600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}
p {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: 300;
  font-style: italic;
}

h1 { text-transform: uppercase; font-size: 80px; margin-bottom: 0; font-weight: 500; }
h3 { color: #ffffff; text-transform: uppercase; font-weight: 300; margin-top: 0; padding-bottom: 10px;  }

header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  color: #ffffff;
  text-align: center;
}

.main-content .main-content-inner {
	margin-left: 50px;
	margin-top: 50px;
}

.main-content .main-content-inner h2 {
  margin-bottom: 20px;
  font-size: 40px;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.main-content .main-content-inner h2 a { 
	text-decoration: none;
	color: #ffffff;
}

.main-content .main-content-inner h2 a:hover,
.main-content .main-content-inner h2 a:focus {
  color: #990066;
}

.main-content .main-content-inner h2 span { margin-left: 20px; }

#videos { text-align: center; padding: 50px 0; margin-top: 250px; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 20px; 
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (max-width: 768px) {
	header .header-content {
		margin-top: 5%;	
		margin-bottom: 5%; 
	}
	header .header-content .header-content-inner h2 {
		text-align: center;
	}
}


@media (max-width: 480px) {
  h1 { font-size: 50px; }
  .main-content .main-content-inner h2 { font-size: 30px; margin-bottom: 0px; margin-top: 10px; }
  h3 { font-size: 20px; }
  .main-content .main-content-inner { margin-left: 20px; margin-top: 0px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	body { background-position: -700px 0px; }
	.main-content .main-content-inner h2 { font-size: 30px; }
	#videos { margin-top: 300px !important; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body { background-image: url("img/bg-nath-mobile.jpg") !important; background-size: cover; }
	#videos { margin-top: 400px !important; }
}

section {
  padding: 100px 0;
}



footer {
  background-color: #232121;
  padding: 20px 0;
  text-align: center;
}

footer p, footer a { color: #999; }
footer p { margin-top: 0; margin-bottom: 0;  }