/*
Olympic Bay Realty
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
margin:0px; padding:0px; border:0px; outline:0px; font-style:inherit; vertical-align:baseline
}

*, *:before, *:after {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box
}

*,
*:before,
*:after {
box-sizing:inherit
}

img {
max-width:100%; height:auto
}

iframe {
display:block; margin:auto
}

blockquote {
quotes:none
}

blockquote:before, blockquote:after {
content: ''; content:none
}

del {
text-decoration:line-through
}

sup,
sub { 
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}

sup {
bottom:1ex 
}

sub {
top:.5ex
}

em {
font-style:italic
}

a {
text-decoration:underline;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

a:hover {
text-decoration:none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

a img {
border:none
}

p {
margin:0px; padding-top:5px; padding-bottom:5px
}

h1, h2, h3, h4, h5 {
padding:0px; margin:0px
}

.clear {
clear:both
}

.center {
text-align:center
}

.left {
text-align:left
}

.right {
text-align:right
}

.btn-order:active {
position:relative;
top:1px
}

/* Scrollbar */
::-webkit-scrollbar {
width:12px
}
 
::-webkit-scrollbar-track {
background-color:#585858
}
 
::-webkit-scrollbar-thumb {
background-color:#000000
}

/* Layout */

body {
font-family:'Montserrat', sans-serif
}

body {
background:url(../images/background-home.jpg) no-repeat top center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

html {
height:100%; box-sizing:border-box
}

body {
position:relative; margin:0; padding:0px; min-height:100%
}

#logo {
width:100%; max-width:300px; height:auto; display:block; margin:auto
}

#logo img {
width:100%; height:auto
}

#header-logo {
width:100%; max-width:230px; height:auto; display:block; margin:auto
}

#header-logo img {
width:100%; height:auto
} 

.container { 
min-height:90vh; position:relative; border:5px solid #000000; 
}

.vertical-center {
margin:0; position:absolute; top:50%;
-ms-transform:translateY(-50%);
transform:translateY(-50%);
margin-left:auto;
margin-right:auto;
left:0;
right:0
}

.hp-btn {
width:100%; max-width:300px; padding:10px; display:block; margin:auto; margin-top:-40px; text-align:center; background:rgba(0, 0, 0, 0.5); border:solid 1px #f1f1f1;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

.hp-btn:hover {
background:rgba(0, 0, 0, 1);
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

.hp-btn a {
font-size:20px; color:#ffffff; text-decoration:none; text-transform:uppercase
}

.hp-btn a:hover {
color:#f1f1f1
}

#equal-housing-opportunity {
width:100px; height:auto; position:absolute; bottom:110px; right:20px 
}

#equal-housing-opportunity img {
width:100%; height:auto
}

.wrapper {
width:100%; max-width:1400px; padding:40px; margin:auto; margin-top:0px; margin-bottom:20px; vertical-align:top; 
background:rgba(255, 255, 255, 0.9); border-radius:10px; position:relative; z-index:1007;
-webkit-box-shadow:-1px 1px 5px 9px rgba(166, 166, 166, 0.2);
-moz-box-shadow:-1px 1px 5px 9px rgba(166, 166, 166, 0.2);
box-shadow:-1px 1px 5px 9px rgba(166, 166, 166, 0.2)
}

/* Content */

#content {
width:100%; margin:auto; font-size:16px; font-weight:500; color:#000000; line-height:28px
}

#content img {
border:0px !important
}

#content p {
line-height:28px
}

#content a {
color:#ef4136
}

#content a:hover {
color:#ff6902
}

#content h1 {
font-size:26px; font-weight:bold; color:#000000; padding-top:15px; padding-bottom:15px
}

#content h2 {
font-size:22px; font-weight:bold; color:#000000; padding-top:15px; padding-bottom:15px
}

#content h3 {
font-size:20px; font-weight:bold; color:#000000; padding-top:15px; padding-bottom:15px
}

#content h4, #content h5 {
font-size:18px; font-weight:bold; color:#000000; padding-top:15px; padding-bottom:15px
}

#content ul {
margin-bottom:20px; margin-left:40px
}

#content ul li {
font-size:16px; line-height:25px; margin:0px; list-style:disc; list-style-position:outside
}

/* Footer */

#footer {
width:100%; padding:20px; background:rgba(0, 0, 0, 0.5); text-align:right; border-bottom:solid 6px #000000; color:#ffffff
}

#footer p {
font-size:14px; line-height:20px; color:#ffffff; padding-left:5px
}

#footer a {
font-size:18px; line-height:18px; color:#ffffff; text-decoration:none; text-transform:uppercase
}

#footer a:hover {
color:#f1f1f1
}

#footer .small p {
font-size:12px; line-height:14px
}

/* Footer Navigation */

ul#footer-navigation {
list-style:none; position:relative; text-align:left
}

ul#footer-navigation li:last-child {
border-right:0px !important
}

ul#footer-navigation li {
display:inline-block; padding-right:5px; padding-left:5px; border-right:solid 1px #000000
}

ul#footer-navigation a {
text-decoration:none; line-height:20px; color:#000000
}

ul#footer-navigation li:hover a {
}

@media only screen and (max-width: 620px) {
#equal-housing-opportunity {
bottom:130px
}
}

@media only screen and (max-width: 420px) {
#equal-housing-opportunity {
bottom:150px
}
}

@media only screen and (max-width: 380px) {
#equal-housing-opportunity {
bottom:170px
}
}