/* #Media Queries
================================================== */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	.join-info:after {
	    -webkit-clip-path: polygon( 0 30%, 1400px 0vw, 1400px 100%, 0 100%);
	    clip-path: polygon( 0 30%, 1400px 0vw, 1400px 100%, 0 100%);
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	h1 {
		font-size: 46px;
	}
	
	.navbar .container-fluid {
		padding: 0 15px;
	}
	
	.navbar-nav {
		background: #ffffff;
		padding: 15px 0;
		text-align: center;
	}
	
	.navbar .navbar-nav .nav-link {
		color: #38487B !important;
		margin: 10px 0;
	}
	
	.hero-bottom p {
		margin-bottom: 20px;
	}
	
	.hero-header {
		padding: 170px 0 75px;
	}
	
	.join {
		text-align: center;
		padding-top: 50px;
		padding-bottom: 0;
	}
	
	.join .points li {
		text-align: left;
	}
	
	.join .subtitle {
		margin-bottom: 45px;
	}
	
	.about-excerpt {
		padding-top: 75px;
	}
	
	.about-excerpt .top-image {
		display: none;
	}
	
	.about-excerpt .col-lg-3 {
		margin-bottom: 30px;
	}
	
	footer {
		padding: 50px 15px;
	}
	
	footer .footer-brand {
		margin: 0 auto;
		margin-bottom: 35px;
	}
	
	footer .social {
		margin-bottom: 35px;
	}
	
	footer .social a {
		margin: 0 10px;
	}
	
	footer li a {
		margin-right: 0;
	}
	
	footer .menu-title {
		margin: 40px 0 20px;
	}
	
	footer ul {
		margin-top: 25px;
	}
	
	footer li {
		display: block;
		margin: 0;
		margin-bottom: 15px;
	}
	
	.member-modal img {
		position: static;
		transform: none;
		margin: 0 auto 30px;
		display: block;
	}
	
	.member-modal .modal-body {
		padding: 50px;
	}
	
	.team {
		padding: 50px 0;
	}
	
	.join-header {
		padding: 75px 0;
	}
	
	.join-info {
		background: #38487B;
		padding: 50px 0;
		margin-top: 0;
	}
	
	.join-info:after {
		display: none;
	}
	
	.join-info .video-link {
		height: 350px;
		margin-bottom: 50px;
	}
	
	.contact {
		min-height: auto;
		text-align: center;
		padding: 75px 0;
	}
	
	.contact-box {
		position: static;
		margin: 0 auto 50px;
		display: inline-block;
		max-width: 100%;
	}
	
	.contact img {
		display: none;
	}
	
	.join .btn {
		margin-bottom: 25px;
	}

	.blog-item-col-wrap {
		padding-top: calc(50% - 15px);
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.a {
		padding: 30px 40px;
	}
	
	#heroVideo {
		display: none;
	}
	
	.video-poster {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 100%;
		z-index: -100;
	}

	h1#notfound-title {
    margin-top: 100px;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {

	#notfound-inner {
  		width: 100%;
	}
}

@media only screen and (max-width : 480px) {
	  #notfound-outer {
		height: 100% !important;
	  }
}