/***************************  LOGO  *************************/

	.logo{
		font-family: Majesti Banner, serif;
		color: #ffffff;
		background-color: #4E4E4E;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 20px;
	}

	.logo h1{
		font-size: 60px;
	}

/***************************  NAV  *************************/

.navbar-toggler {

	border: none;
}

button .navbar-toggler-icon {
background-color:#F7F7F7;
}

.navbar {
	background-color: #F7F7F7;
	font-family: majesti banner, serif ;
}

.navbar-nav {
	margin: 0 auto;
}

.nav-item {
	padding: 0 20px;
}

.nav-link {
	color:#4E4E4E;
}

.nav-link:hover {
	color:#7A7A7A;
}	

/*************************  FOOTER  *************************/

/***** Footer General *****/
.footer{
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: #F7F7F7;
	background-color: #4E4E4E;
	padding-top: 3em;
	padding-bottom: 3em;
}

/***** Footer Logo *****/
.logo2 h1{
	font-size: 40px;
	padding-bottom: 1em;
	font-family: Majesti Banner, serif;
	color: #ffffff;
	background-color: #4E4E4E;
	text-align: center;
	text-decoration: none ;
}

.logo2 li {
	display: inline;
}

.logo2 a {
	text-decoration: none;
	color: #F7F7F7;
}

/***** Footer Six Links *****/
.links1{
	font-family: Montserrat, sans-serif;
	color: #ffffff;
}

.links1 h1{
	font-size: 20px;
	padding-top: 1em;
}

.links1 li {
	display: inline;
	
}

.links1 a {
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	color: #F7F7F7;
}

.links1 a:hover {
	color: #7A7A7A;
}

/***** Footer Location *****/
.location{
	font-family: Montserrat, sans-serif;
	color: #ffffff;
}

.location h1{
	font-size: 20px;
	padding-top: 1em;
}

.location h2{
	font-size: 14px;
}

/*********************  About- Meet Ann  *******************/

	.ann{
		padding-top: 80px;
		padding-bottom: 75px;
	}

	.ann h1{
		font-family: Cormorant, serif;
	}
	.ann p{
		font-family: Montserrat, sans-serif;
		font-size: 10pt;	
		padding-top: 1em;
	}
	img {
		width: 100%;
	}

	.annImage {
		width: 80%;
		margin: 0 auto
	}
/******************  About- How it started  *****************/

	.started{
		padding-top: 110px;
		padding-bottom: 110px;
		background-color: #4E4E4E;
		color: #F7F7F7;
	}

	.started h1{
		font-family: Cormorant, serif;
		padding-top: 50px;
	}
	.started p{
		font-family: Montserrat, sans-serif;
		font-size: 10pt;	
		padding-top: 1em;
		padding-right: 1em;
	}
	.started img{
		width: 80%;
		margin-top: -50px;
		padding-top: 45px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
	}

/************************  Home Page  ***********************/

.indexhero {
	background-color: #4B6D4E;
	color: #ffffff;
}

.indexhero h1 {
	font-family: cormorant, serif;
	font-size: 65pt;
}

.indexhero p {
	font-family: Montserrat, san-serif;
	font-size: 10pt;
}

.ann2{
	padding-top: 100px;
	padding-bottom: 100px;
}

.ann2 h1{
	font-family: Cormorant, serif;
	padding-top: 50px;
}

.ann2 h2 {
	font-family: Cormorant, serif;
	font-size: 25px;
	line-height: 10px;
	padding-bottom: 20px;
}

.ann2 p{
	font-family: Montserrat, sans-serif;
	font-size: 10pt;	
	padding-top: 1em;
}

.ann2 a{
	font-family: Cormorant, serif;
	background-color: #4E4E4E;
	border-style: none;
}

.ann2 a:hover {
	background-color: #7A7A7A; 
	color: #ffffff;
}

.annImage2 {
	width: 60%;
	margin: 0 auto
}

/************************  Article Cards  ***********************/

.articlecards {
	background-color: #4E4E4E;
padding-bottom: 3em;
}

.articlecards h1{
	text-align: center;
	font-family: Cormorant, serif;
	color: #ffffff;
	padding-top: 80px;
	padding-bottom: 50px;
}

.articlecards h5{
	font-family: Cormorant, serif;
	color: #4E4E4E;
	font-size: 19pt;
}

.articlecards p{
	font-family: Montserrat, sans-serif;
	font-size: 9pt;
	color: #4E4E4E;
}

.articlecards a{
	font-family: Cormorant, serif;
	background-color: #4E4E4E;
	border-style: none;
}

.articlecards a:hover {
	background-color: #7A7A7A; 
	color: #ffffff;
}

/************************  404 Error  ***********************/

.error {
	padding-top: 80px;
}

.error h1{
	text-align: center;
	font-family: Cormorant, serif;
	color: #4E4E4E;
	font-size: 50pt;
	padding-bottom: 1em;
}

.error h2{
	text-align: center;
	font-family: Cormorant, serif;
	color: #4E4E4E;
	font-size: 20pt;
}

.error p{
	text-align: center;
	font-family: Montserrat, sans-serif;
	font-size: 9pt;
	color: #4E4E4E;
	padding-bottom: 30px;
}

.errorbuttons{
	padding-bottom: 60px;
	
}

.errorbuttons a{
background-color: #4B6D4E;
color: #ffffff;
font-family: Cormorant, serif;
text-decoration: none;
border-style: none;
}

.errorbuttons a:hover {
	background-color: #8FAD6D; 
	color: #4E4E4E;
}

.button-container {
	text-align: center;
  }
  
/****************  Latest Article- Detail page  ****************/

.detail{
	color: #4E4E4E;
}

.detail h1{
	font-family: Cormorant, serif;
	padding-top: 2em;
	padding-bottom: 15px;
	font-weight: 700;
}

.detail h2{
	font-family: Cormorant, serif;	
	padding-bottom: 2em;
	font-size: 20pt;
}

.detail p{
	font-family: Montserrat, sans-serif;
	font-size: 9pt;
	line-height: 30px;
	font-weight:400;
	padding-left: 3em;
}

.detail h3{
	font-family: Cormorant, serif;
	line-height: 30px;
	padding-left: 10px;
	font-weight:500;
	font-size: 20pt;
	padding-top: 20pt;
	padding-bottom: 1em;
}

/****************  Contact Me  ****************/

.form-container {
	width: 26rem;
	padding: 20px;
}

.contact {
	padding-top: 80px;
}

.contact h1{
	text-align: center;
	font-family: Cormorant, serif;
	color: #4E4E4E;
}