/* CSS for JD Carpentry Site 2018 */
body {
	color: #363636;
}

.more2 {
	display: none;
}

.myBtn {
	padding: 10px;
	background-color: #002c5b;
	float: right;
	color: #fff;
	font-size: 12px;
}

.myBtn:hover {
	background-color: #363636;
	cursor: pointer;
}


/* Titles */
h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.45rem;
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}

.loc {
	display: none;
}

.active {
	font-weight: 400;
	background-color: #575858;
}

.proPadding {
	margin-top: 5rem;
}

.ext {
	width: 100%;
}

/* Sections */
section {
	margin: 5.5rem 0 5.5rem 0;
}

.orbit--modal {
	height: auto !important;
}

/* Additional Padding */

.cell-padding-left {
	padding-left: 1.5rem;
}

.cell-padding-top {
	padding-top: 2.5rem;
}

/* header */
header img {
	display: block;
	width: 100%;
}

.header-title {
	background: #eeeeee;
	padding: 2.5rem 0 2.5rem 0;
	text-align: center;
	border-top: 1px solid #ccc;
}

.header-title h2 {
	font-size: 1.5rem;
	color: #002c5b;
	border: 2px solid #002c5b;
    padding: 10px;
    border-radius: 25px;
}

/* Nav */

.top-bar, .top-bar ul {
	background-color: #002c5b;
}

.top-bar img {
	display: block;
	width: 5rem;
}

.title-bar {
	 padding: 1rem;
	background-color: #002c5b;
}

.menu a {
	color: #fff;
	font-size: 1.15rem;
	font-weight: 300;
	text-decoration: none;
}

.menu a:hover {
	font-weight: 400;
	text-decoration: underline;
}

.customer p {
	margin-top: 1rem;
}

.talk {
	background-color: #eeeeee;
	margin: 0rem 0rem 0rem 0rem;
	padding: 5.5rem 0 5.5rem 0;
}

/* Footer */
footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: #002c5b;
}
.contact {
	/*padding: 4rem 0 4em 0;*/
}

.contact p {
	color: #ffffff;
}

.services-title h2 {
	text-align: center;
	font-size: 1.75rem;
	text-align: center;
	font-weight: 300;
	font-style: italic;
	border-top: 1px solid #002c5b;
	border-bottom: 1px solid #002c5b;
	padding: 2rem 0 2rem 0;
}

.form {
		padding-top: 0rem;
	}

.button {
	background-color: #002c5b;
}

.button:hover {
	background-color: #575858;
}

.social {
	padding-bottom: 1rem;
}

.social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.social li {
	display: inline;
	padding-right: 15px;
}

.social img{
	width: 7.5%;
	margin-top: 0rem;
}

@media screen and (max-width: 64em) {

	.header-title h2 {
		font-size: 1rem;
		border: 1px solid #002c5b;
    	padding: 10px;
	}

	section {
		margin: 3.5rem 0 3.5rem 0;
	}

	.form {
		padding-top: 2rem;
	}

	.keypro {
		padding-left: 1rem;
	}

	.social img {
		width: 15%;
		margin-top: 1rem;
	}

}

@media screen and (min-width: 25em) and (max-width: 63.938em) {

	.social img {
		width: 7.5%;
		margin-top: 1rem;
	}

}