h1		{color:#e8b610;}
p		{font-size:20px; font-size:2.0rem;}

.mobile-hidden	{display:block}

.wide-col	{margin-left:0; padding-right:80px;}
.narrow-col	{margin-left:35px;}

.legacies-item			{padding:40px 0 50px 0; border-bottom:2px solid #d7d7d7;}
.legacies-item img		{float:left; max-width:248px;}
.legacies-item-txt		{width:817px; float:left; margin-left:35px;}
.legacies-item-txt a	{font-family:'Montserrat', sans-serif; font-size:20px; font-size:2.0rem; text-decoration:none; color:#0054a6; font-weight:bold;}
.legacies-item-txt a span	{margin:-2px 0 0 10px;}

.yellow-bg					{background-color:#e8b610;}
.yellow-bg h3				{color:#fff; font-family:'Raleway', sans-serif; text-transform:none; font-weight:normal; font-size:42px; font-size:4.2rem; margin-bottom:30px;}
.yellow-bg .narrow-col		{margin-left:0;}
.yellow-bg .narrow-col p	{font-size:16px; font-size:1.6rem; color:#ffffff;}
.yellow-bg .narrow-col p a	{text-decoration:none; font-weight:bold;}
.yellow-bg .wide-col		{margin-left:35px; padding-right:0;}
.yellow-bg .white-container	{box-shadow:none;}
.yellow-bg .form-col		{border-right: 1px solid #4a4a4a;}
.yellow-bg .form-col-2		{border:none;}
.form-container input.dob					{width:90px;}

@media all and (max-width: 1100px) { 

h1	{text-align:left;}
.mobile-hidden	{display:block !important}
.wide-col		{width:70%;}
.narrow-col		{width:28%; margin-left:2%;}
.legacies-item	{padding:30px 0;}
.legacies-item img	{width:28%;}
.legacies-item-txt	{width:70%; margin-left:2%;}
.yellow-bg .wide-col	{margin-left:2%;}


.carousel-content .btn {margin-top:0;}


}

@media all and (max-width:768px) {

p	{font-size:18px; font-size:1.8rem;}


.mobile-hidden	{display:none !important}
.wide-col	{width:100%; margin:0; padding-right:0; float:none;}
.narrow-col	{width:100%; margin:0; padding-bottom:0; float:none;}

.yellow-bg .form-col	{width:100%; float:none; border:none;}
.yellow-bg .form-col-2	{margin:0; padding:0;}
.yellow-bg .wide-col {margin-left:0;}

button	{width:90% !important;}

}

@media all and (max-width:640px) {
	
.legacies-item img		{width:100%; max-width:100%; margin-bottom:20px;}
.legacies-item-txt		{float:none; width:100%; margin:0;}
.legacies-item-txt a	{font-size:16px; font-size:1.6rem;}
.yellow-bg .wide-col .white-container {padding: 10px !important;}

}

@media all and (max-width:400px) {

.form-container input.dob {width:65px;}
.yellow-bg h3	{font-size:30px; font-size:3.0rem;}
.btn-legacy		{line-height:normal; padding-top:10px; padding-bottom:10px;}
.legacies-item-txt a	{font-size:14px; font-size:1.4rem;}


}