@charset "utf-8";
/* CSS Document */



body {
	background-color: white;
	margin: 0;
	max-width: 100%;
	width: 1930px;
	height:100%;
	font-family: 'Vollkorn', serif;
    font-family: 'Roboto', sans-serif;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}






p {
	padding: 0% 5%;
}






.column {
	float: left;
	width: 50%;
}

.column-b {
	float: left;
	width: 25%;
}

.column-c1 {
	float: left;
	width: 27%;
	margin-left:1%;
	margin-right: 1%;
	padding: 1%;
}

.column-c2 {
	float: left;
	width: 27%;
	margin-left:1%;
	margin-right: 1%;
	padding: 1%;
}

.column-c3 {
	float: left;
	width: 27%;
	margin-left:1%;
	margin-right: 1%;
	padding: 1%;
}

.column-d1 {
	float: left;
	width: 47%;
	margin-right: 3%;
}

.column-d2 {
	float: left;
	width: 47%;
	margin-left: 3%;
}



.row:after {
	content: "";
	display: table;
	clear: both;
}

.push-left {
	margin-right: 30%;
}

.push-up {
	margin-top: -3%;
}

.gold {
	background-color: #cca876;
	padding: 0.5% 0%;
	margin: -2% 2% 2% 2%;
	max-width: 322px;
}

.sandra {
	padding: 0.5% 0% 0.5% 0%;
	margin: 2% 2% 0% 2%;
}








.hero-image {
	background-image: url("images/hero1-desktop.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 100%;
	padding: 2% 2% 10% 2%;
}

.hero-image2 {
	background-image: url("images/golden-liberty.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50%;
	padding: 2% 2% 5% 2%;
}

.hero-image3 {
	background-image: url("images/testimonials1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50%;
	padding: 2% 2% 5% 2%;
}

.hero-image4 {
	background-image: url("images/usmap.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50%;
	padding: 2% 2% 5% 2%;
}

.hero-image5 {
	background-image: url("images/ref2-hero1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50%;
	padding: 2% 2% 5% 2%;	
}

.footer1 {
	background-color: #4a4f55;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	height: 50%;
	padding: 2%;
}







h1 {
	font-size: 50px;
	margin-left: 25%;
	text-align: left;
	text-shadow: 2px 2px 5px #fff;
}

h2 {
	font-size: 34px;
	margin-left: 25%;
	margin-top: -3%;
	text-align: left;
	text-shadow: 2px 2px 5px #fff;
}

h3 {
	font-size: 24px;
	margin-top: -1%;
	margin-bottom: 2%;
	text-shadow: 1px 1px 1px #000000;
}

h4 {
	font-size:44px;
}

h5 {
	font-size: 44px;
	text-align: center;
	line-height: 10px;
	color: #303030;
}

h6 {
	font-size: 50px;
	margin-bottom: -1%;
	margin-top: -1%;
	text-shadow: 2px 2px 2px #000000;
}

h7 {
	font-size: 50px;
	color: white;
	text-align: center;
	padding: 10%;
}

h8 {
	font-size: 28px;
}

h9 {
	font-size: 34px;
	font-weight: 900px;
}

h10 {
	font-size: 18px;
	margin-top: 2%;
	text-shadow: 1px 1px 1px #000000;
}

h11 { 
	font-size: 44px;
	font-weight: 900px;
	margin-left: 10%;
}

h12 {
	font-size: 22px;
	padding-top: 2%;
}

h13 {
	font-size: 50px;
	text-align: left;
	padding-top: 50px;
	text-shadow: 2px 2px 2px #000000;
}




label {
	font-size: 16px;
	text-align: left;
	text-shadow: 1px 1px 1px #000000;
}

.t-shadow {
	text-shadow: 4px 4px 4px #000000;
	border: #000000;
	border-width: 1px;
}







ul {
	margin-left: 25%;
}






li {
	font-size: 34px;
	margin-left: -20%;
	text-align: left;
}

.li-a {
	text-align: left;
	font-size: 20px;
	line-height: 28px;
	color: white;
	margin-left: -30%;
}




.img-a {
	max-width: 100%;
}

.img-b {
	max-width: 90%;
}

.img-c {
	padding: 1%;
}

.img-d {
	max-width: 100%;
	margin-right: 15%;
}

.img-e {
	max-width: 100%;
}

.hidden-mobile {
	max-width: 100%;
}





a:link {
	color: #cca876;
	text-decoration: none;
}

a:visited {
	color: #cbc9c9;
	text-decoration: none;
}

a:hover {
	color: #9b7b4d;
	text-decoration: none;
}






.container {
	max-width: 70%;
	background-repeat: no-repeat;
	align-self: center;
	padding: 2% 3% 4% 5%;
	background-size:contain;
	background-position: top center;
	background-color: #8c837a;
	border-radius: 8px;
	box-shadow: 2px 2px 10px black;
	text-align: left;
}

.label {
	font-size: 14px;
	text-align: left;
}

.others {
	font-size: 14px; 
	font-family: 'Roboto', sans-serif;
	color: #4a4a4a;
}

.button {
	width: 95%;
	height: 20%;
	margin-top: 2%;
	background-image: linear-gradient(#10c90b,#0a7905);
	border-color: #0a7905;
	border-width:1px;
	padding: 2% 1%;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
	align-content: center;
	align-self: center;
}

.button:hover {
	background-image: linear-gradient(#0a7905,#10c90b);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button-b {
	max-width: 50%;
	height: 8%;
	margin-top: 2%;
	margin-bottom: 2%;
	background-image: linear-gradient(#10c90b,#0a7905);
	border-color: #0a7905;
	border-width:1px;
	padding: 0.5% 2%;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
	align-content: center;
	font-size: 28px;
}

.button-b:hover {
	background-image: linear-gradient(#0a7905,#10c90b);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button-c {
	max-width: 100%;
	height: 15%;
	margin-top: 2%;
	margin-bottom: 2%;
	background-image: linear-gradient(#10c90b,#0a7905);
	border-color: #0a7905;
	border-width:1px;
	padding: 1% 2%;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
	align-content: center;
	font-size: 28px;
}

.button-c:hover {
	background-image: linear-gradient(#0a7905,#10c90b);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.button-d {
	max-width: 100%;
	height: 8%;
	margin-top: 2%;
	margin-bottom: 2%;
	background-image: linear-gradient(#10c90b,#0a7905);
	border-color: #0a7905;
	border-width:1px;
	padding: 0.5% 2%;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
	align-content: center;
	font-size: 28px;
}

.button-d:hover {
	background-image: linear-gradient(#0a7905,#10c90b);
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}









.banner {
	align-content: center;
	align-self: center;
	max-width: 80%;
	padding: 4% 5%;
	background-size:contain;
	background-position: top center;
	bacground-image: url("images/gavel.jpg");
}









.close {
	margin-left: 15%;
	margin-right: 15%;
	padding: 1.5%;
	align-content: center;
}

.close-b {
	margin-left: 4%;
	margin-right: 4%;
}

.close-c {
	margin-left: 10%;
	margin-right: 10%;
	padding: 1%;
}

.far {
	margin-left: -30%;
	margin-right: 30%;
}






.testimonials {
	text-align: center;
	margin-right: 50%;
	padding: 2%;
}

.testimonials2 {
	text-align: center;
	margin-left: 50%;
	padding: 2%;
}

.testimonials3 {
	margin-right: 40%;
	margin-left: 10%;
	padding: 2%;
}







.overlap {
	margin-top: -3%;
	position: relative;
}






/* desktop */

@media only screen and (max-width: 1350px), (min-device-width: 1201px) and (max-device-width: 1350px)
	{
		.hero-image {
			background-image: url("images/hero1-desktop.jpg");
		}
}





/* tablet and smaller */

@media only screen and (max-width: 1200px),(min-device-width: 768px) and (max-device-width: 1200px)
	{
		table, th, td, tr {
			display: block;
		}
		
		td {
			border: none;
			position: relative;
			padding-left: 50%;
		}
		
		img {
			align-content: center;
		}
		
		.img-c {
			max-width: 100%;
		}
		
		.img-d {
			max-width: 80%;
			margin-right: 0%;
			align-self: center;
		}
		
		.img-e {
			max-width: 60%;
		}
		
		.hidden-mobile {
			display: none !important;
		}
		
		h1 {
			font-size: 44px;
			text-align: center;
			margin-left: 0%;			
		}

		h2 {
			font-size: 30px;
			margin-top: -3%;
			text-align: center;
			margin-left: 0%;
		}

		h3 {
			font-size: 18px;
			margin-top: -1%;
			margin-bottom: 2%;
			text-align: center;
		}
		
		h5 {
			color: #2c2c2c;
			text-shadow: 0px 0px 0px #000000;
		}
		
		h11 {
			margin-left: 0%;
		}
		
		h12 {
			font-size: 20px;
			padding-top: 6%;
		}
		
		li {
			font-size: 20px;
			margin-left: 0%;
		}
	
		.column {
    		width: 100%;
  		}
		
		.column-b {
			width: 100%;
		}
		
		.column-c{
			width: 100%;
		}
		
		.column-c1 {
			width: 100%;
			margin-right: 0%;
		}
		
		.column-c2 {
			width: 100%;
			margin-left: 0%;
			margin-right: 0%;
		}
		
		.column-c3 {
			width: 100%;
			margin-left: 0%;
		}
		
		
		ul {
			margin-left: 0%;
		}
		
		.li-a {
			margin-left: 0%;
		}
		
		.hero-image {
			background-image:url("images/hero1-mobile2.jpg");
		}
		
		.hero-image2 {
			background-image: url("images/hero3-mobile.jpg");
		}
		
		.hero-image3 {
			background-image: url("images/hero3-mobile.jpg");
		}
		
		.hero-image4 {
			background-image: url("images/usmap-mobile.jpg");
		}
		
		.hero-image5 {
			background: url("images/tax-attorney-mobile.jpg");
		}
		
		.testimonials {
			margin-right: 0%;
		}
		
		.testimonials2 {
			margin-left: 0%;
		}
		
		.testimonials3 {
			margin-right: 0%;
		}
		
		.container {
			max-width: 80%;
		}
		
		.push-left {
			margin-right: 0%;
		}
		
		.push-up {
			margin-top: 0%;
		}
		
		.button-c {
			max-width: 95%;
			height: 10%;
			margin-top: 0.5%;
			margin-bottom: 0.5%;
			font-size: 20px;
		}
		
		.button {
			align-self: center;
			max-width: 95%;
			padding: 1% 0.5%;
			font-size: 20px;
		}
		
		.button-b {
			align-self: center;
			max-width: 95%;
			padding-top: 1.5%;
			padding-bottom: 1.5%;
			font-size: 20px;
		}
		
		.button-d {
			align-self: center;
			max-width: 100%;
			padding-top: 1.5%;
			padding-bottom: 1.5%;
			font-size: 20px;
		}

	}