@font-face {
    font-family: 'Buckwheat';
    src: url('../fonts/BuckwheatTCSansRg.eot');
    src: url('../fonts/BuckwheatTCSansRg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BuckwheatTCSansRg.woff2') format('woff2'),
         url('../fonts/BuckwheatTCSansRg.woff') format('woff'),
         url('../fonts/BuckwheatTCSansRg.ttf') format('truetype'),
         url('../fonts/BuckwheatTCSansRg.svg#BuckwheatTCSansRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Norwester';
    src: url('../fonts/norwester.woff2') format('woff2'),
         url('../fonts/norwester.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html { scroll-behavior: smooth; width: 100%; overflow-x: hidden; }
body {margin: 0;padding: 0;font-family: "Poppins";font-size: 1.2em;width: 100%;overflow-x: hidden;min-height: 15000px;}
h1 { font-family: "Norwester", sans-serif; font-size: 4em; text-transform: uppercase; margin: 0; line-height: 1; }
h2 { font-family: "Buckwheat", sans-serif; font-weight: normal; margin: 10px 0 20px; font-size: 2em; }
h3 { font-family: "Norwester", sans-serif; font-size: 1.5em; font-weight: normal; text-transform: uppercase; }
hr {margin: 60px auto;width: 60%;min-width: 150px;}
@media only screen and (min-width: 768px) {
    h1 { font-size: 6em; }
    h2 { font-size: 2.5em; }
    body { min-height: auto; }
}
p { line-height: 1.4em; }

a, a:visited { color: white; text-decoration: none; }
a:hover { color: #c7561f; }
.btn-primary, a.btn-primary, input.btn-primary { border: none; outline: none; color: white; display: inline-block; background: #c7561f; text-transform: uppercase; padding: 10px 20px; }

ul { margin: 0; padding: 0; }
li { list-style-type: none; }
ul.ul-bullets {padding-left: 20px;margin-left: 20px;}
ul.ul-bullets li { list-style-type: disc; margin: 10px 0; }

.inline-block { display: inline-block!important; }
img { display: inline-block; max-width: 100%; }
section { padding: 40px 20px; background: #223d40; color: white; }
section.white-bg { background: white; color: #223d40; }
.container {max-width: 1400px;margin: auto;}
.white-container { background: white; color: #223d40; padding: 20px 20px 40px; }
.mid-green {background: #345456;}
.stack-mobile { display: block; margin-bottom: 10px; }
.hide-mobile { display: none; }
@media only screen and (min-width: 768px) {
    .stack-mobile { display: inline-block; margin-bottom: 0; }
    .hide-mobile {display: inline-block;}
}
@media only screen and (min-width: 1200px) {
    .white-container {padding: 40px 60px;max-width: 1480px;margin: auto;}
    section { padding: 60px; }
}


.gallery {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.gallery-column { margin-left: -20px; }
.gallery-column img {display: block;margin: 10px 10px;width: 100%;}
@media only screen and (min-width: 768px) {
    .gallery-column { margin-left: 0px; display: inline-block; vertical-align: top; }
    .gallery-column img { width: auto; }
}

.gallery-inline {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.gallery-inline img {display: inline-block;margin: 10px 0;vertical-align: top;}
.gallery-inline a img:hover, .gallery a img:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.4); opacity: .8; }
@media only screen and (min-width: 992px) {
    .gallery-inline img {margin: 10px; }
}

.hero { color: white; background: #223d40; background-repeat: no-repeat; background-size: cover; background-image: url(../img/portfolio/mountains-bg.jpg); position: relative; padding: 0; }
h1:after { content: ""; display: block; height: 4px; background: #c7561f; width: 5.8em; max-width: 80%; margin: 5px auto; }
.hero h2 { margin: 0; font-size: 1.7em; }
.hero-content {text-align: center;display: block;width: auto; padding: 65px 20px; }
.hero-photo-right { position: absolute; right: 0; bottom: 0; display: none; }

@media only screen and (min-width: 1200px) {
    .hero-photo-right { display: block; }
    .hero-content { width: 75%; }
}

.contact { font-size: 1em; margin: 20px 0; }
.contact a {display: inline-block;margin: 0 5px;vertical-align: middle;}

.intro { background: white; color: #223d40; text-align: center; }
.intro > img, .intro-text, .intro-photos-wrapper, .intro-photos { display: inline-block; vertical-align: middle; }
.intro-text { max-width: 600px; text-align: left; }
.intro-photos-wrapper { max-width: 800px; }
.intro-photos img { display: block; }

.resume-content {max-width: 805px;margin: auto;}
.resume-list {padding: 40px;border-radius: 10px;margin-top: 40px;text-transform: uppercase;}
.resume-list h3 {  display: block; margin: 0; }
.resume-list li { margin: 0 0 20px; }
.resume-list li:last-child { margin: 0; }
@media only screen and (min-width: 992px) {
    .resume-list h3 { display: inline-block; margin-right: 20px }
}

.educate { text-align: center; }
.educate img, .educate-text { display: inline-block; margin: 20px; vertical-align: middle; }
.educate img { margin: 20px 0; }
.educate-text { text-align: left; max-width: 650px; }
@media only screen and (min-width: 992px) {
    .educate img { margin: 20px; }
}

footer {color: white;background: #223d40; background-repeat: no-repeat; background-size: cover; background-image: url(../img/portfolio/mountains-bg.jpg); background-position: bottom; text-align: center;margin: 0;padding: 40px;}
footer p {margin: 10px auto;max-width: 800px;}
.form { margin: 40px 0; padding: 20px; display: inline-block; border-radius: 10px; }
.form_input { display: inline-block; margin: 10px;}
.form_input label { display: block; text-align: left;  }
input[type="submit"] { cursor: pointer; }
input[type="text"] { padding: 10px; }
.form_textarea {max-width: 500px;margin: 20px auto;text-align: left;width: 80%;}
.form_textarea label { margin-bottom: 2px; display: block; }
textarea {border: none;outline: none;display: block;width: calc(100% - 20px);min-height: 100px;font-family: 'Poppins';padding: 10px;}
.form-message { background: #333; color: white; text-align: center; padding-top: 2px; padding-bottom: 2px; }

#cboxLoadedContent {background: #345456!important;}
#cboxLoadedContent .form {background: none;color: white;text-align: center;width: auto;margin: 40px auto;width: 100%;padding: 20px 0;}