/*-------------------------------------------------*/
/* =  <1180 Remove all whitespace overflow
/*-------------------------------------------------*/
@media screen and (max-width : 1180px) {
	html, body, #container {width:100%; overflow-x: hidden}

	.overlay-container {display: none;}
}

/*-------------------------------------------------*/
/* =  1180 > Laptop < 1280
/*-------------------------------------------------*/
@media screen and (min-width : 1180px) and (max-width : 1280px) {

	div.ctas {
		width: 100%;
		position: relative;
	}

	div.ctas ul {width: 100%;}

	div.ctas ul li {
		width: -moz-calc(33% - 60px);
	  width: -webkit-calc(33% - 60px);
	  width: -o-calc(33% - 60px);
	  width: calc(33% - 60px);
	}

	div.practiced-areas {width: 100%;}

	div.practiced-text {padding-top: 55px;}

	div.practiced-areas-blocks {
		/*margin: 0px 0px 0px 0px;*/
		/*width: 100%;*/
	}
}

/*-------------------------------------------------*/
/* =  799 > Laptop < 1180
/*-------------------------------------------------*/
@media screen and (min-width : 799px) and (max-width : 1180px) {

div#header, div#mini-header, div.main-banner-inner {width: 100%;}

.container.content-pages .content {
	margin-left: 20px;
	width: 100%;
	width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px);
}

.content .right-content {
	width: -moz-calc(90% - 300px);
  width: -webkit-calc(90% - 300px);
  width: -o-calc(90% - 300px);
  width: calc(90% - 300px);
}
.content .right-content h2 {width: auto;}

div.ctas {
	width: 100%;
	position: relative;
}

div.ctas ul {width: 100%;}

div.ctas ul {
	padding-top: 0px;
	width: 100%;
}

div.practiced-areas {width: 100%;}

div.practiced-text {padding-top: 55px;}

/*div.practiced-areas-blocks {width: 100%;}*/

.trusted-lawyer {
	margin-left: 8%;
	width: -moz-calc(100% - 8%);
  width: -webkit-calc(100% - 8%);
  width: -o-calc(100% - 8%);
  width: calc(100% - 8%);
}

.trusted-lawyer > div.qualifications-text {
	margin-left: 20px;
	padding-right: 15px;
	width: -moz-calc(50% - 35px);
  width: -webkit-calc(50% - 35px);
  width: -o-calc(50% - 35px);
  width: calc(50% - 35px);
}

.contact-container {width:100%;}
.contact-container .right {
	width: -moz-calc(100% - 395px);
  width: -webkit-calc(100% - 395px);
  width: -o-calc(100% - 395px);
  width: calc(100% - 395px);
}
#contact-form input.contact-full-name {width:39%;}
#contact-form input.contact-phone {
	margin-left:10px;
/*	width: -moz-calc(40% - 10px);
  width: -webkit-calc(40% - 10px);
  width: -o-calc(40% - 10px);*/
  width: calc(40% - 10px);
}
#contact-form input.contact-email {
	width:87%;
	margin-top:16px;
}
#contact-form textarea {width:82%;}

/*#contact-form input.contact-full-name {width:86%;}
#contact-form input.contact-phone {width:86%;margin-left:0px;margin-top: 10px;}
#contact-form input.contact-email {width:86%;margin-top:16px;}
#contact-form textarea {width:79%;}*/

}

@media screen and (min-width : 799px) and (max-width : 1150px) {
	div.practiced-areas-blocks {width: 100%;}

	div.practiced-areas-blocks ul li {width: 50%;}

	div.practiced-areas-blocks ul li a div.img-container {height:115px;}
	div.img-container img.notary-img {margin-left:46%;}

	div.practiced-areas-blocks ul li h2 {
		padding-bottom: 26px;
		padding-top: 36px;
	}

	div.practiced-areas-blocks ul li p {
		/*font-size: 14px;
		line-height: 16px;*/
		padding-left: 30px;
		padding-right: 30px;
	}

	div.practiced-areas-blocks ul li span.practised-read-more {
		font-size: 12px;
		font-weight: 600;
	}

}

@media screen and (min-width : 799px) and (max-width : 1090px) {
	/***************************************************/
	/* FOOTER - 1180 - 799
	/***************************************************/
	footer {height: auto;}

	.footer {
		width: 100%;
		padding-top: 60px;
	}
	.summary-footer {width:100%;}
	.footer h5 {margin-bottom: 20px;}

	.practiced-footer, .contact-footer {
		margin-top: 50px;
		width: 40%;
	}
	.practiced-footer {margin-left: 16%;}
	.contact-footer {margin-left: 25px;}

	p.copyright {margin-top: 40px;}
}

@media screen and (min-width : 799px) and (max-width : 1015px) {
	.trusted-lawyer > img {
		width: 48%;
	}

	.trusted-lawyer > div.qualifications-text > p, .trusted-lawyer > div ul li {
		font-size: 15px;
    line-height: 20px;
	}
}

@media screen and (min-width : 799px) and (max-width : 1000px) {

	div.ctas ul {
		padding-top: 0px;
		width: 100%;
	}

	div.ctas ul li {
		width: -moz-calc(32% - 50px);
	  width: -webkit-calc(32% - 50px);
	  width: -o-calc(32% - 50px);
	  width: calc(32% - 50px);
		padding-left: 50px;
	}

	div.ctas ul li h4 {font-size: 20px;padding-right: 15px;}

	div.ctas ul li a p {
		font-size: 14px;
		margin-top: 20px;
		line-height: 20px;
		width: 88%;
	}

}
@media screen and (min-width : 799px) and (max-width : 950px) {
	.contact-container .right h2 {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.contact-container .right p {
		margin-bottom: 20px;
	}
	.contact-container .left ul li.contact-li1 {font-size: 20px;}
	.contact-container .left ul li.contact-li2 {font-size: 20px;}

	#contact-form textarea {width:81%;}
}

@media screen and (min-width : 799px) and (max-width : 900px) {

	div#mini-header > .float-right > p:before {font-size: 16px;}

	div.nav > ul > li {margin-left: 32px;}

	div.nav > ul > li > a {font-size: 16px;}


	#contact {height: auto;}
	.contact-container {padding-bottom: 25px;}
	.contact-container .left {margin-top: 360px;}
	.contact-container .right {margin-top: 25px;}
	#contact-form input.contact-full-name {width:86%;}
	#contact-form input.contact-phone {width:86%;margin-left:0px;margin-top: 10px;}
	#contact-form input.contact-email {width:86%;margin-top:16px;}
	#contact-form textarea {width:79%;}

}

@media screen and (min-width : 799px) and (max-width : 860px) {
	div.free-consult-container {
		width: 100%;
		height: 120px;
	}

	div.free-consult {
		width: 100%;
		padding-top: 42px;
	}

	div.free-consult > p {display: none;}

	div.free-consult > a {margin-left: 0px;}
}

/*-------------------------------------------------*/
/* =  iPads
/*-------------------------------------------------*/
@media screen and (min-width : 439px) and (max-width : 799px) {

div.mobile-nav-image {display: none;}

div.practiced-areas-blocks {
	width: 100%;
}

div#header, div#mini-header, div.main-banner-inner {
	width: 100%;
	margin: 0 auto;
}

div#mini-header, div#full-header {height: 50px;}

div#mini-header > .float-right > p:before {
	font-size: 14px;
	margin-top: -20px;
	padding-right: 10px;
}

#header div#logo img {
	position: absolute;
	margin-top: -33px;
	width: 200px;
	height: 66px;
}

div.nav > ul {
	margin-top: 12px;
	margin-left: 85px;
	padding-right: 10px;
}

div.nav > ul > li {margin-left: 30px;}

div.nav > ul > li > a {font-size: 16px;}

div.main-banner {
	width: 100%;
	height: 440px;
}

div.main-banner-inner {padding-top: 60px;}

div.main-banner-inner h1 {
	font-size: 40px;
	line-height: 42px;
}

div.main-banner-inner p {
	font-size: 18px;
	line-height: 18px;
}

div.main-banner-inner .contact-us-link {
	width: 440px;
	height: 56px;
}
div.contact-us-link a {font-size:20px;line-height: 52px;}

div.ctas {
	position: relative;
	width: 100%;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

div.ctas ul {
	padding-top: 0px;
	width: 100%;
}

div.ctas > img.horse-logo {
	display: block;
	margin-left: 48%;
	position: absolute;
}

div.ctas ul li {
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 100%;
	margin-bottom: 0px;
}

div.ctas ul li.second-item {
	border-left: none;
	border-right: none;
}

div.ctas ul li h4 {font-size: 16px;}

div.ctas ul li a p {
	font-size: 12px;
	margin-top: 18px;
	line-height: 18px;
	width: 100%;
}

div.ctas ul li > a {
	width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: -o-calc(100% - 30px);
  width: calc(100% - 30px);
	height: 100%;

	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-bottom: solid 1px #cbc6c4;
}

div.practiced-areas {
	width: 100%;
	padding-bottom: 80px;
}

div.practiced-text {
	padding-top: 50px;
}

div#practiced-areas .practiced-text > h1 {
	font-size: 42px;
	line-height: 46px;
}

div#practiced-areas .practiced-text > p {
	margin-top: 25px;
	font-size: 16px;
	line-height: 28px;
}

div.practiced-areas-blocks {width: 100%;}

div.practiced-areas-blocks ul li {
	width: 100%;
	height: 420px;
}

div.practiced-areas-blocks ul li a div.img-container {height:115px;}
div.img-container img.notary-img {margin-left:46%;}

div.practiced-areas-blocks ul li h2 {
	padding-bottom: 26px;
	padding-top: 36px;
}

div.practiced-areas-blocks ul li p {
	/*font-size: 14px;
	line-height: 16px;*/
	padding-left: 30px;
	padding-right: 30px;
}

div.practiced-areas-blocks ul li span.practised-read-more {
	font-size: 12px;
	font-weight: 600;
}

/***************************************************/
/* Free Consult
/***************************************************/
div.free-consult-container {
	width: 100%;
	height: 120px;
}

div.free-consult {
	width: 100%;
	padding-top: 42px;
}

div.free-consult > p {display: none;}

div.free-consult > a {margin-left: 0px;}

/***************************************************/
/* Trusted Lawyer
/***************************************************/
#trusted-lawyer {padding-top: 0px;}
.trusted-lawyer {
	width: 100%;
	/*margin: 0px auto 50px auto;*/
}

.trusted-lawyer > img {
	display: block;
	width: 50%;
	margin-top: 30px;
	margin-left: 25%;
}

.trusted-lawyer > div.qualifications-text {
	display: block;
	width: 100%;
	margin-left: 20px;
	margin-top: 30px;
}

.trusted-lawyer > div.qualifications-text h3 {
	margin-left: 0px;
	font-size: 24px;
	margin-bottom: 22px;
}

.trusted-lawyer > div.qualifications-text p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 26px;
	width: 95%;
}

.trusted-lawyer > div ul li {
	font-size: 14px;
	line-height: 20px;
}

/***************************************************/
/* Contact
/***************************************************/
#contact {
	background-image: url("../img/contact-bg-mobile.png");
	background-position: left;
	height: auto;
}

.contact-container {width: 100%;padding-bottom: 40px;}

.contact-container > div {display: block;}

.contact-container .left {
	width: -moz-calc(100% - 45px);
  width: -webkit-calc(100% - 45px);
  width: -o-calc(100% - 45px);
  width: calc(100% - 45px);
	margin-top: 0px;
	padding-top: 40px;
	margin-left: 45px;
}

.contact-container .left ul li {
	margin-bottom: 20px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	color: #000
}

.contact-container .left ul li.contact-li1 {font-size: 20px;}
.contact-container .left ul li.contact-li2 {font-size: 20px;margin-left: 164px;}
.contact-container .left ul li.contact-li3 {font-size: 20px;}
.contact-container .left ul li img {width: 20px;}

.contact-container .left ul li div.address {margin-left: 12px;}

.contact-container .right {
	width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: calc(100% - 50px);
	margin-left: 50px;
	margin-top: 40px;
}

.contact-container .right h2 {
	font-size: 40px;
	line-height: 44px;
	text-align: center;
	margin-left: -50px;
}

.contact-container .right p {
	text-align: center;
	margin-left: -50px;
}

.contact-container .right input {
	height: 40px;
	font-size: 16px;
	padding-left: 20px;
}

#contact-form input.contact-full-name {width:86%;}
#contact-form input.contact-phone {margin-left:0px;margin-top:16px;width:86%;}
#contact-form input.contact-email {width:86%;}

#contact-form textarea {
	width:84%;
	height:120px;
	font-size: 14px;
	padding: 20px 20px 0px 20px;
}

#submit {
	width: 296px;
	height: 60px;
}


/***************************************************/
/* FOOTER
/***************************************************/
footer {height: auto;}

.footer {
	width: 100%;
	padding-top: 60px;
}

.summary-footer {width:100%;}
.summary-footer p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 35px;
	font-weight: 500;
}

.footer h5 {margin-bottom: 20px;}

.practiced-footer, .contact-footer {
	margin-top: 50px;
	margin-left: 85px;
	width: 40%;
}
.contact-footer {margin-left: 25px;}

.practiced-footer li {margin-bottom: 15px;}
.practiced-footer li img {width: 18px;}

.footer li span {font-size: 16px;}

.contact-footer li {margin-bottom: 15px;}
.contact-footer li span {width: 80%;}
.contact-footer li img {width: 18px;}
.contact-footer ul {margin-bottom: 45px;}

p.copyright {
	font-size: 14px;
	line-height: 24px;
	margin-top: 60px;
	padding-bottom: 20px;
}

/***************************************************/
/* Content Page
/***************************************************/
div.contact-us-link-content {display: none;}

.content {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 60px 0px 60px 0px;
	display:flex;
  flex-direction: column-reverse;
}

.content .left-content, .content .right-content {display: block;height: auto;}

.content .left-content {
	width: 94%;
	margin-left: 22px;
}

.content .left-content h4 {
	margin-top: 40px;
	font-size: 24px;
}

.content .left-content ul {margin-top: 10px;}

.content .left-content li {
	border-bottom: solid 1px #cbc6c4;
	border-top: none;
}

.content .left-content li a {
	color: #878c8e;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

.content .left-content li.active > a {
	color: #062d5d;
	font-weight: 800;
	border-bottom: solid 1px #062d5d;
}

.left-content div.contact-us-link-content {width: 100%;}

.left-content div.contact-us-link-content a {font-size: 18px;}

.content .right-content {
	width: 100%;
	margin-left: 22px;
}
.content .right-content img {height: 40px;}
.content .right-content h2 {
	width: auto;
	font-size: 38px;
	margin-bottom: 35px;
	margin-left: 20px;
	margin-top: 0px;
}

.content .right-content p {
	width: 90%;
	font-size: 16px;
	line-height: 26px;
}

.content .right-content ul {
	list-style-type: disc;
	margin-left: 20px;
}
.content .right-content ul li {margin-top: 15px;}

a.active {
	color: #062d5d;
	font-weight: 700;
}

div.content-pages {border-bottom: solid 2px #062d5d;}

}

@media screen and (min-width : 439px) and (max-width : 699px) {

div#mini-header > .float-right > p:before {
	content: "Free consultation : (416) 882 4131";
	font-size: 12px;
	margin-top: -10px;
}

div.mobile-nav-image {
	display: block;
	float: right;
	margin-left: 200px;
	margin-top: 12px;
}

div.nav > ul.nav-container {
	display: none;
	margin-top: 40px;
	background-color: #000;
	position: absolute;
	width: 100%;
	padding-bottom: 10px;
  margin-left: 0px;
}

div.nav > ul > li {
	display: block;
	margin-left: 39px;
	margin-bottom: 15px;
	padding-top: 10px;
}

div.nav > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
}


div.main-banner {
	width: 100%;
	height: 440px;
}

div.main-banner-inner {padding-top: 40px;}

div.main-banner-inner h1 {
	font-size: 28px;
	line-height: 28px;
	padding-top: 20px;
}

div.main-banner-inner p {
	margin-top: 40px;
	font-size: 14px;
	line-height: 14px;
}
div.main-banner-inner .contact-us-link {
	width: 200px;
	height: 60px;
	margin-top: 40px;
}
div.contact-us-link a {line-height: 56px;}
div.contact-us-link a:before {content: "Contact Us";}
}

/*-------------------------------------------------*/
/* =  Between iPad and iPhone
/*-------------------------------------------------*/
@media screen and (min-width : 439px) and (max-width : 725px) {
	.contact-container .left ul li.contact-li2 {margin-left: 0px;}
	.contact-container .left ul li {display:block;text-align: center;}
}

@media screen and (min-width : 439px) and (max-width : 640px) {
	div.practiced-areas-blocks ul li {
		width: 100%;
	}
}

@media screen and (min-width : 439px) and (max-width : 630px) {
	div.contact-footer, div.practiced-footer {
		width: 100%;
		margin-left: 25%;
	}
}



/*-------------------------------------------------*/
/* =  Smartphones
/*-------------------------------------------------*/
@media screen and (max-width: 437px) {

div#header, div#mini-header, div.main-banner-inner {
	width: 100%;
	margin: 0 auto;
}

div#mini-header {height: 40px;}

div#mini-header > .float-right > p:before {
	content: "Free consultation : (416) 882 4131";
	font-size: 10px;
	margin-top: -10px;
}

div#full-header {height: 40px;}

#header div#logo img {
	position: absolute;
	/*margin-top: 0px;*/
	width: 149px;
	height: 53px;
}

div.mobile-nav-image {
	display: block;
	float: right;
	margin-left: 200px;
	margin-top: 12px;
}

div.nav > ul.nav-container {
	display: none;
	margin-top: 40px;
	background-color: #000;
	position: absolute;
	width: 100%;
	padding-bottom: 10px;
}

div.nav > ul > li {
	display: block;
	margin-left: 39px;
	margin-bottom: 15px;
	padding-top: 10px;
}

div.nav > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
}


div.main-banner {
	width: 100%;
	height: 440px;
}

div.main-banner-inner {padding-top: 40px;}

div.main-banner-inner h1 {
	font-size: 28px;
	line-height: 28px;
}

div.main-banner-inner p {
	margin-top: 40px;
	font-size: 16px;
	line-height: 16px;
}
div.main-banner-inner .contact-us-link {
	width: 200px;
	height: 60px;
	margin-top: 40px;
}
div.contact-us-link a {line-height: 56px;}
div.contact-us-link a:before {content: "Contact Us";}

div.ctas {
	position: relative;
	margin: -60px auto 0px auto;
	width: 100%;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

div.ctas ul {width: 99%;}

div.ctas > img.horse-logo {
	display: block;
	margin-left: 48%;
	position: absolute;
}

div.ctas ul li {
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 100%;
	margin-bottom: 0px;

}

div.ctas ul li.second-item {
	border-left: none;
	border-right: none;
}

div.ctas ul li h4 {font-size: 16px;}

div.ctas ul li a p {
	font-size: 12px;
	margin-top: 18px;
	line-height: 16px;
	margin-right: none;
	margin-top: none;
	width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: calc(100% - 20px);
}

div.ctas ul li > a {
	display: block;
	width: 95%;
	height: 100%;

	font-weight: 400;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #cbc6c4;
/*	padding-top: 22px;
	padding-bottom: 20px;*/
}

div.practiced-areas {
	width: 100%;
	padding-bottom: 0px;
}

div.practiced-text {
	padding-top: 45px;
	padding-bottom: 40px;
}

div#practiced-areas .practiced-text > h1 {
	font-size: 28px;
	line-height: 32px;
}

div#practiced-areas .practiced-text > p {
	margin-top: 20px;
	font-size: 12px;
	line-height: 28px;
}

div.practiced-areas-blocks {width: 100%;}

div.practiced-areas-blocks ul li {
	width: 100%;
	height: 420px;
	margin-left: 0px;
	border-left: none;
	border-right: none;
}

div.practiced-areas-blocks ul li a div.img-container {height:105px;}
div.img-container img.notary-img {margin-left:46%;}

div.practiced-areas-blocks ul li h2 {
	padding-bottom: 26px;
	padding-top: 36px;
}

div.practiced-areas-blocks ul li p {
	font-size: 12px;
	line-height: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

div.practiced-areas-blocks ul li span.practised-read-more {
	font-size: 12px;
	font-weight: 600;
}

/***************************************************/
/* Free Consult
/***************************************************/
div.free-consult-container {
	width: 100%;
	height: 120px;
}

div.free-consult {
	width: 100%;
	padding-top: 42px;
}

div.free-consult > p {display: none;}

div.free-consult > a {margin-left: 0px;}

/***************************************************/
/* Trusted Lawyer
/***************************************************/
#trusted-lawyer {padding-top: 0px;}
.trusted-lawyer {
	width: 100%;
	margin: 0px auto 50px auto;
}

.trusted-lawyer > img {
	display: block;
	width: 50%;
	margin-top: 30px;
	margin-left: 78px;
/*	border-left: none;
	border-right: none;*/
}

.trusted-lawyer > div.qualifications-text {
	display: block;
	width: 100%;
	margin-left: 12px;
	margin-top: 30px;
}

.trusted-lawyer > div.qualifications-text h3 {
	margin-left: 33px;
	font-size: 22px;
	margin-bottom: 22px;
}

.trusted-lawyer > div.qualifications-text p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 26px;
	width: 90%;
}

.trusted-lawyer > div ul li {
	font-size: 12px;
	line-height: 20px;
}

/***************************************************/
/* Contact
/***************************************************/
#contact {
	background-image: url("../img/contact-bg-mobile.png");
	background-position: left;
	background-repeat: repeat-y;
	/*background-size: 100%; */
	height: auto;
}

.contact-container {width: 100%;padding-bottom: 40px;}

.contact-container > div {display: block;}

.contact-container .left {
	width: -moz-calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  width: -o-calc(100% - 15px);
  width: calc(100% - 15px);
	margin-top: 0px;
	padding-top: 40px;
	margin-left: 15px;
}

.contact-container .left ul li {margin-bottom: 10px;}

.contact-container .left ul li.contact-li1 {font-size: 20px;color: #000}
.contact-container .left ul li.contact-li2 {font-size: 20px;}
.contact-container .left ul li.contact-li3 {font-size: 16px;}
.contact-container .left ul li img {width: 20px;}

.contact-container .left ul li div.address {margin-left: 12px;}

.contact-container .right {
	width: -moz-calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  width: -o-calc(100% - 15px);
  width: calc(100% - 15px);
	margin-left: 15px;
	margin-top: 40px;
}

.contact-container .right h2 {
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 20px;
	margin-left: -12px;
}

.contact-container .right p {
	font-size: 14px;
	text-align: center;
	margin-left: -12px;
}

.contact-container .right input {
	height: 40px;
	font-size: 14px;
	padding-left: 20px;
}

#contact-form input.contact-full-name {width:296px;}
#contact-form input.contact-phone {margin-left:0px;margin-top:16px;width:296px;}
#contact-form input.contact-email {width:296px;}

#contact-form textarea {
	width:284px;
	height:120px;
	font-size: 14px;
	padding: 20px 20px 0px 20px;
}

#submit {width: 324px;height: 50px;}


/***************************************************/
/* FOOTER
/***************************************************/
footer {
	background-image: url("../img/practiced-areas-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	height: auto;
}

.footer {
	/*margin: 0px auto 0px auto;*/
	width: 100%;
	padding-top: 60px;
}

.footer > div {
	display: block;
	width: auto;
}

.footer li {
	color: #000;
	font-family: "Helvetica Neue";
	font-size: 16px;
	font-weight: 500;
}

.summary-footer {width:100%;}
.summary-footer p {
	font-size: 16px;
	line-height: 20px;
	margin-top: 35px;
	font-weight: 500;
}

.footer h5 {margin-bottom: 20px;}

.practiced-footer li {margin-bottom: 15px;}
.practiced-footer li img {width: 18px;}

.footer li span {
	font-size: 14px;
}

.contact-footer li {margin-bottom: 15px;}
.contact-footer li span {width: 80%;}
.contact-footer li img {width: 18px;}
.contact-footer ul {margin-bottom: 45px;}

div.contact-footer, div.practiced-footer {
	width: 100%;
	margin-left: 25%;
	margin-top:50px;
	}

p.copyright {
	font-size: 14px;
	line-height: 24px;
	margin-top: 60px;
	padding-bottom: 20px;
}

/***************************************************/
/* Content Page
/***************************************************/
div.contact-us-link-content {display: none;}

.content {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 60px 0px 60px 0px;
	display:flex;
  flex-direction: column-reverse;
}

.content .left-content, .content .right-content {display: block;height: auto;}

.content .left-content {
	width: 94%;
	margin-left: 12px;
}

.content .left-content h4 {
	margin-top: 40px;
	font-size: 24px;
}

.content .left-content ul {margin-top: 10px;}

.content .left-content li {
	border-bottom: solid 1px #cbc6c4;
	border-top: none;
}

.content .left-content li a {
	color: #878c8e;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

.content .left-content li.active > a {
	color: #062d5d;
	font-weight: 800;
	border-bottom: solid 1px #062d5d;
}

.left-content div.contact-us-link-content {
	width: 100%;
}

.left-content div.contact-us-link-content a {
	font-size: 18px;
}

.content .right-content {
	width: 100%;
	margin-left: 12px;
}
.content .right-content img {height: 40px;}
.content .right-content h2 {
	width: 200px;
	font-size: 38px;
	margin-bottom: 35px;
	margin-left: 20px;
	margin-top: 0px;
}

.content .right-content p {
	width: 90%;
	font-size: 16px;
	line-height: 26px;
}

.content .right-content ul {
	list-style-type: disc;
	margin-left: 20px;
}
.content .right-content ul li {
	margin-top: 15px;
}

a.active {
	color: #062d5d;
	font-weight: 700;
}

div.content-pages {
	border-bottom: solid 2px #062d5d;
}

}