#logo img {	max-height: 195px;	}

.postarea.full .article {	padding: 30px 10%;	}

table thead, table tfoot {	border: 0px }
table th { 	border: 0px }
table td {	padding: 5px 22px; border: 0px }

a, a:link, a:visited {	color: #d54d33;		}
a:focus, a:hover, a:active {	color: #d54d33;	}

a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, 
#comments #respond input#submit, .container .gform_wrapper input.button, #wrap #infinite-handle span {
	background-color: #d54d33;	}
a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover, #submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover, #wrap #infinite-handle span:hover {
	background-color: #05ad9c;	}

.article, .footer {    background: #f6e7d2;}
.footer-information {	background: #2f6472; padding: 28px 0px;	}

#navigation {	font-size: 1.1em;	font-weight: 600;	}

.footer-widgets .widget {	color: #000000;	}

h1, h2, h3, h4, h5, h6 {	font-family: 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif;	}

.post-navigation {display: none;}
.post-author {	display: none;}

.gallery-icon img {	padding: 0px;	}

.article h1:first-child + p,
.article > p:first-child,
.article span + p {
	color: #333333;
	color: rgba(0, 0, 0, .7);
	font-size: 1.1em;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
  letter-spacing: -1px;
	}

.mapWrapper {
    position: relative;
    /* 
    Do math with the height of your iframe divided by the width, then converted to percent
    In this example the height is 400 and the width is 600
    400 / 600 = .66666667 
    which is 66.6666667% */
    padding-bottom: 66.6666667%; 
    height: 0;
}
.mapWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}