body {
	font-family: "Arial";
	font-weight: 300;
	font-size: 22px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arial";
	font-weight: 800;
	color: #555;
}

p {
	line-height: 28px;
}

nav {
	margin-bottom: -10rem;
	z-index: 1;
}

.nav-item a {
	color: white;
	transition: color 0.2s ease;
}

.fas {
	margin-right: 10px;
}

/* .navbar-nav .active {
	color: #a79783;
} */

nav li.nav-item a:hover {
	color: #a79783;
}

section {
	padding: 5rem 0;
}

.carousel-indicators>li {
	height: 10px;
	width: 10px;
	border-radius: 50%;
}


header h1 {
	color: white;
}




/* Purchase section */

header#purchase {
	background-image: linear-gradient(50deg, #241d1a, #4d3327);
	color: #7b706c;
}

header#purchase h2 {
	color: white;
}

span.colored-text {
	color: #c7b299;
}

header#purchase p {
	margin-bottom: 0;
}

.phone h2 {
	text-align: right;
}

.phone h2 i {
	margin-right: 10px;
}

/* Posts section */

div.card div.date {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50px;
	height: 60px;
	text-align: center;
	color: white;
}


div.card div.card-body {
	padding: 2rem;
}

div.card div.card-body a {
	color: #c7b299;
	text-transform: capitalize;
}

div.card a {
	position: relative;
}

div.card div.card-img {
	width: 100%;
	height: 100%;
	position: absolute;
}

div.card:hover div.day {
	background-color: #c7b299;
	transition: background-color 0.35s ease-in-out;
}

div.card:hover div.month {
	background-color: #a48d72;
	transition: background-color 0.35s ease-in-out;
}

div.card:hover .card-title {
	color: #c7b299;
}

div.card:hover .card-text {
	color: white;
}

div.card:hover div.card-body {
	background: #362f2d;
	transition: background-color 0.35s ease-in-out;
}

div.card:hover .card-img {
	background-color: rgba(27, 27, 27, 0.7);
	transition: background-color 0.35s ease-in-out;
}



/* Footer */

footer {
	padding: 3rem 0;
	background-color: #111;
}

footer ul li a {
	color: #555;
}

footer ul li a:hover {
	color: #c7b299;
	text-decoration: none;
}

footer ul li:after {
	content: "";
	padding-left: 1rem;
	border-right: 2px solid #555;
}

footer ul li:last-child:after {
	content: none;
}

span.light {
	color: #959595;
}

@media (max-width: 420px) {
	.phone h2 {
		text-align: center;
	}
}