/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

========================================================================================================================
*/

/*
==============================================
Intro Section
==============================================
*/
.intro-section {
	border-bottom: solid 4px #c9a560;
}
.intro-section:before {
    content: '';
    display: block;
    background: #c9a560;
    height: 8px;
    width: 350px;
    margin: 0 auto;
}
.intro-section .intro-text {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 35px;
	color: #2b2b2b;
	animation-delay: .7s;
	padding: 80px 150px;
}
.intro-section .intro-text p {
	margin: 0 0 30px;
}

/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {
/*
==============================================
Intro Section
==============================================
*/

}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Intro Section
==============================================
*/

}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Intro Section
==============================================
*/

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
==============================================
Intro Section
==============================================
*/
	.intro-section .intro-text {
		padding: 80px;
	}
}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Intro Section
==============================================
*/
	.intro-section .intro-text {
		padding: 80px 30px;
	}

}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 375px) {
/*
==============================================
Intro Section
==============================================
*/
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
==============================================
Intro Section
==============================================
*/

	.intro-section .intro-text, .resource-detail-content-wrapper {
		padding: 40px 50px 150px 50px;
	}
}

/* IE only */
@media screen\0 { }