@charset "UTF-8";
/* CSS Document */

/* ABOUT PAGE */

body {
    background-color: #e8e0d4;
  
}

h1, h2, h3, h4, h5, p {
    font-family: 'Playfair Display', serif;
}

/* About Hero */
.about-hero{
	background-color: #6b4a36;
	height: 300px;  
    width: 100%;
	display: flex;
    align-items: center;
    padding-left: 60px;	
}

.about-hero h1{
    font-size: 60px;
    color: #f5f3ef;
}

/* About Section Content */
.about-content {
   	margin-top: -100px;
    padding-top: 150px;
	background-color: #e8e0d4;;
}

.about-title {
    font-size: 50px;
    color: #5e4636;
    margin-bottom: 30px;
}

.about-text {
    font-size: 20px;
    color: #5e4636;
    max-width: 500px;
    line-height: 1.6;
}

.about-image {
    border-radius: 8px;
}


/* Our Mission Section */
.mission-title{
	font-size: 40px;
	color: #5e4636;
	align-content: center;
}

.mission-text {
	font-size: 20px;
	color: #5e4636;
	max-width: 700px;
	margin: 0 auto;
}
	

/* What we offer Section */
.what-we-offer {
    background-color: #e8e0d4;;
}

.what-we-offer h2 {
    color: #5e4636;
	font-size: 40px;
}

.what-we-offer h4 {
    color: #6b4a36; 
    margin-top: 10px;
	font-size: 25px;
}

.what-we-offer p {
    color: #6b4a36;
    font-size: 15px;
}


.external-link {
	text-align: center;
	margin-top: 50px;
}

.external-link h3 {
	color: #6b4a36;
	font-size: 40px;
}

.external-link p {
	font-size: 20px;
	color: #6b4a36;
	max-width: 400px;
	margin: 0 auto;
}

.external-link a {
	color: #5e4636;
	text-decoration: none;
}

.external-link a:hover {
	color: black;
}

/* MEET THE INSTRUCTORS */

/* Hero*/
.instructors-hero{
	background-color: #6b4a36;
	height: 300px;  
    width: 100%;
	display: flex;
    align-items: center;
    padding-left: 60px;	
}

.instructors-hero h1{
    font-size: 60px;
    color: #f5f3ef;
}

/* Meet the Instructors*/
.meet-the-instructors {
	background-color: #e8e0d4;
}

.instructors-title {
	font-size: 35px;
	color: #5e4636;
}

.instructors-subtitle {
	font-size: 25px;
	color: #5e4636;
}

.instructors-subtitle a {
	color: #5c4a3d;
	text-decoration: none;
}

.instructors-subtitle a:hover {
	color: black;
}

.they-teach {
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	color: #5e4636;
}

.name {
	font-size: 26px;
	color: #5e4636;
	font-family: 'Playfair Display', serif;
}