/* common */
html { scroll-behavior:smooth; }
body { margin:0px 0px 0px 0px; text-align:center; background:#dad8d2; }
html, input, select, textarea { font-family:'Noto Sans', sans-serif; font-size:16px; line-height:1.4; color:#555555; }
h1, h2 { text-align:center; color:#000000; font-weight:normal; font-size:190%; margin:0px 0px 25px 0px; line-height:1.1; }
h2 { margin-top:40px; }
a { color:#1e416c; text-decoration:none; outline:none; }
a:hover { color:#4380cb; }

/* layout */
#header { background:url(mountains.jpg) center; background-size:cover; }
#header a { display:block; max-width:1000px; margin:auto; }
#header img { display:block; max-width:100%; }
#header img.mobile { display:none; }
#wrapper { background:#ffffff; max-width:1000px; margin:auto; }
#navbar { background:#1e416c; text-align:center; padding:0px 15px; }
#navbar a { display:inline-block; font-size:16px; padding:10px 12px; text-decoration:none; text-transform:uppercase; color:#ffffff; font-weight:normal; }
#navbar a:hover { color:#ffffff; background:#132944; transition:0.2s; }
#content { padding:30px 5% 70px 5%; text-align:left; min-height:500px; }
#footer { background:#000000; padding:25px 0px; text-align:center; color:#ffffff; }
#footer a { color:#ffffff; text-decoration:none; font-weight:normal; }
#footerlinks a { padding:0px 8px; }
#copyright { padding:20px; }
#navbar span, #footerlinks span, #copyright span { white-space:nowrap; }

/* banner */
.banner { display:block; width:100%; height:auto; }

/* mortgage button */
.mortgage { margin:35px 0px 0px 0px; text-align:center; border-top:1px solid #dddddd; padding:25px 0px 15px 0px; border-bottom:1px solid #dddddd; }
.mortgage img { margin:5px 0px; width:100%; max-width:400px; }

/* quotes */
.quote { position:relative; padding:10px 60px; color:#888888; }
.quote:before { font-family:Georgia; position:absolute; top:0px; left:0px; line-height:1; content:'\201C'; font-size:800%; color:#dddddd; }

/* forms */
form { display:inline-block; width:100%; max-width:500px; text-align:left; }
input, select, textarea { line-height:normal; vertical-align:middle; }
.input-text, .input-textarea, .input-submit { display:block; box-sizing:border-box; border:1px solid #888888; padding:7px; width:100%; max-width:500px; margin:15px 0px; border-radius:4px; }
.input-textarea { min-height:100px; }
.input-submit { display:inline-block; width:auto; background:#d2800f; color:#ffffff; padding:10px 30px; cursor:pointer; transition:0.5s; font-size:115%; border:none; }
.input-submit:hover { color:#ffffff; background:#ee9211; transition:0.5s;
}
.messagesent { text-align:center; background:#ffffcc; padding:5px 10px; color:#779f28; }

@media (max-width:575px) {
 #navbar { padding:7px 15px; }
 #navbar a { padding:3px 12px; }
 #navbar a:hover { background:#1e416c; }
}

@media (max-width:540px) {
 #header img.main { display:none; }
 #header img.mobile { display:block; }
}