@import url('fonts.css');
@import url('header.css');

body,
html {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 19px;
    line-height: 36px;
    font-weight: 600;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background: #FAF9F6	;
	color: #767676;
}


h1,
h2,
h3,
h4, 
h5,
h6 {
	font-family: 'Playfair Display', Arial, sans-serif;
    font-weight: 600;
}

h1,
h2 {
    font-size: 65px;
    line-height: 75px;
}

h3 {
    font-size: 35px;
    line-height: 45px;
	font-weight: 600;
	color: #384E34;
}

h4 {
	font-size: 28px;
	line-height: 38px;
	
	font-weight: 600;
}

p{
	margin-bottom: 20px;
}

.anchor {
	display: block;
	position: relative;
	top: -200px;
	visibility: hidden;
}

.transition {
    transition: .5s ease;
}

.center {
	text-align: center;
}

.main-btn,
a.main-btn {
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    padding: 13px 30px;
    background-color: #008b94;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.3px;
	border: 1px solid #008b94;
	border-radius: 3px;
}

.main-btn:hover,
a.main-btn:hover {
	background: none;
	color: #fff;
	border: 1px solid #fff;
}

.main-btn2,
a.main-btn2 {
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    padding: 13px 30px;
    background-color: #008b94;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.3px;
	border: 1px solid #008b94;
	border-radius: 2px;
}

.main-btn2:hover,
a.main-btn2:hover {
background-color: transparent;
	color: #008b94;
}

.main-btn3,
a.main-btn3 {
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    padding: 13px 30px;
    background-color: #f15a38;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.3px;
	border: 1px solid #f15a38;
	border-radius: 3px;
}

.main-btn3:hover,
a.main-btn3:hover {
background-color: transparent;
	color: #f15a38;
}

.main-btn4,
a.main-btn4 {
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    padding: 13px 30px;
    background-color: #10253d;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.3px;
	border: 1px solid #10253d;
	border-radius: 3px;
}

.main-btn4:hover,
a.main-btn4:hover {
background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}


@media only screen and (max-width: 767px) {
	h1,
	h2 {
		font-size: 40px;
		line-height: 50px;
	}

	h3 {
		font-size: 30px;
		line-height: 40px;
	}
	h4 {
		font-size: 20px;
		line-height: 30px;
	}
}
