* { margin: 0, padding: 0 }


body{font:100% / 1.666'Montserrat', serif; margin:0px; padding:0px;}

header{
  /*position:fixed;*/
  top: 0;
  left: 0;
  z-index:999;
  width:100%;
  background:rgb(234,237,239);
  margin: 0px;
  padding: 0px;
  margin-top:0px;
}
@media screen and (max-width: 768px){header{position:fixed;}}

ul{
  padding:0;
  margin:0;
  border:0;
  list-style-type:none}
a{
  text-decoration:none;
  transition:all 0.25s;
  font-family: 'Montserrat', sans-serif;
  color: #666666;
  
}

h1{
  text-align:center
}
hr{margin:4rem auto;
  width:20%;max-width:3rem;
  height:2px;
  background-color:#B8976A;
  border:0}

.about-line{margin:2rem auto;width:20%;max-width:3rem;height:2px;background-color:#B8976A;border:0
}

footer{
  font-size:.9rem;
  font-weight:bold;
  color:#8f9aa6;
  background:#474c53
  }
  @media screen and (max-width: 768px){.four.columns{margin-left:0;width:100%}}



.wrapper{top:60px}@media screen and (max-width: 768px){nav{position:relative}}
.nav__icon{float:left;padding:1rem 0;font-size:1rem;color:#fff}
.nav__icon i{font-size:1.5rem;color:#2ecc71}
.nav__icon span{vertical-align:text-bottom}
.icon--navigation{display:none;float:right;padding:1.11rem;cursor:pointer;transition:all 0.25s}
.icon--navigation:focus,.icon--navigation:hover{background:#EAEDEF;}@media screen and (max-width: 768px){.icon--navigation{display:block}}
.icon--navigation:focus .icon--navigation__line,.icon--navigation:hover .icon--navigation__line{background:#EAEDEF}.icon--navigation__line{display:block;width:2.25rem;height:3px;background:#ecf0f1}.icon--navigation__line:not(:first-of-type){margin-top:.5rem}
.checkbox--nav{display:none;visibility:hidden}
.checkbox--nav:checked+.nav__links{display:block;opacity:1}
.nav__links,.hero__buttons,.slider__list,.footer__networks{display:-webkit-flex;display:flex}.nav__links{-webkit-justify-content:flex-end;justify-content:flex-end;display:flex;transition:all 0.25s}@media screen and (max-width: 768px){.nav__links{display:none;position:absolute;top:61px;right:0;width:50%;background:#c7974e;opacity:0}}.nav--show{display:block;opacity:1}.nav__links a{display:block;padding:1.11rem;font-size:1rem;text-transform:lowercase;color:#666666}.nav__links a:focus,.nav__links a:hover{background:#EAEDEF;color:rgb(209,208,206);}.nav__links .link--active{color:#a0a0a0;background:#EAEDEF}

.sec--hero{
    position:relative;
    height:30rem;
    text-align:center;
    color:#fff;
    background:url(bg.png) no-repeat center center fixed;background-size:cover}
    @media screen and (max-width: 768px){.sec--hero{background:url(bg.png) no-repeat center center fixed;background-size:cover}}

.hero__overlay{
  position:absolute;
  top:0;
  left:0;
  display:table;width:100%;
  height:100%;
  background:rgba(0,0,0,.2);
}
    
.hero__overlay>.container{display:table;height:100%}
    
.hero__overlay .row{display:table-cell;vertical-align:middle}

.hero__content h1{font-family: 'Montserrat', sans-serif;;font-size:4rem; color:white; font-weight:700;}

.hero__content h2{margin-bottom:2rem;font-style:italic}
    
.hero__buttons{-webkit-justify-content:center;justify-content:center}

.hero__buttons:first-of-type .btn{margin-right:2em}
    
.sec--about,.sec--services,.sec--testimonials,.sec--facts,.sec--contact,footer{padding:4rem 0}.sec--about .kicker{font-size:1.25rem;font-family: 'Source Serif Pro', serif;color:#666;}

.sec--contact{
  padding-bottom:200px;
}

.sec--about p{color:#a0a0a0; font-family: 'Source Serif Pro'}@media screen and (max-width: 768px){.about__container:not(:first-of-type){margin-top:3rem}}

.team__photo{
  max-width:100px;
  border-radius:50%
}

.team__member .heading--medium{
  margin-bottom:.25rem
}

.team__links li{
  display:inline-block
  }

.team__links li:not(:first-of-type){
  margin-left:.35rem}

.team__links a{display:block;font-size:1.25rem;color:#eaedef}

.team__links a:focus,.team__links a:hover{
  color:#2e3035
}

.gallery__row{display:table}
    .gallery__row .four{width:33.3333333333%}
    .gallery__row .eight{width:66.6666666667%}@media screen and (max-width: 768px){.gallery__row .columns{float:left;margin-left:0}
    .gallery__row .four,.gallery__row .eight{width:100%}}.gallery__col{display:table-cell;float:none;vertical-align:middle;padding-bottom:20px;}
    .sec--gallery .heading--big{margin-bottom:0;font-size:1.75rem;text-align:center;color:#000;padding-bottom:50px;font-family: 'Montserrat', sans-serif;}
    .gallery__box--big{float:left;width:33.33%}.gallery__box--medium{float:left;width:25%}@media screen and (max-width: 768px){.gallery__box--big{width:50%}
    .gallery__box--medium{width:50%}}@media screen and (max-width: 480px){.gallery__box--big{width:100%}
    .gallery__box--medium{width:100%}}
    .gallery__overlay{position:relative;z-index:2;display:block}
    .gallery__overlay:focus,.gallery__overlay:hover{background:#B8976A}.gallery__thumbnail{width:100%}.gallery__thumbnail--hover{background:#B8976A}.page--gallery .sec--gallery{padding:4rem 0}
    .page--gallery .heading--big{margin-bottom:1.75rem}
.details__box{padding:1rem 1rem 2rem;text-align:justify; padding-top: 50px;}@media screen and (max-width: 768px){.four:not(:first-of-type) .details__box{margin-top:3.5rem}}
.details__box p{margin:1rem 0}

form input,form textarea{
  padding:.75rem;
  width:100%;
  background:#eaedef;
  border:0;
  font-family:font-family: 'Source Serif Pro', serif;
  transition:background 0.25s
}

  form input:focus,form textarea:focus{
    background:#fff;
    outline-color:#2ecc71
}

.form__details{margin-bottom:1.5rem}@media screen and (max-width: 550px){form input[placeholder~="First"],form input[type="email"]{margin-bottom:1.5rem}}textarea{resize:vertical}form .btn{display:block;margin:1rem auto 0;text-transform:uppercase}
.contact__address{margin:1.5rem 0}
.contact__link{color:#2ecc71}
.contact__link:focus,.contact__link:hover{color:#59d98f}
.contact__link:active{color:#249e58}.post__excerpt{margin-bottom:1.5rem;color:#fff}.post__date{display:block;margin-top:1rem;font-size:.8rem;font-weight:bold;color:#8f9aa6}.footer__networks li:not(:first-child){margin-left:1.5rem}

.footer__networks a{font-size:1.5rem;color:#8f9aa6}

.footer__networks a:focus,.footer__networks a:hover{color:#aeb6bf}
.footer__networks a:active{color:#707e8d}

.copyright{padding:1.5rem 0;font-size:.85rem;text-align:center;color:rgba(255,255,255,0.75);background:RGB(44, 62, 79);font-family: 'Montserrat', sans-serif;}

.preview__overlay{position:absolute;top:0;left:0;z-index:999999;display:none;width:100%;height:100%;background:rgba(0,0,0,0.75);transition:all 0.25s}

.overlay__content{position:fixed;width:100%;height:100%}

.overlay__snapshot{position:relative;top:50%;display:block;margin-right:auto;margin-left:auto;max-width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn{display:block;padding:.75rem 0;width:10rem;font-family:"Ubuntu", arial, verdana, sans-serif;font-size:.9rem;font-weight:bold;color:#fff;border:0;border-radius:3px;cursor:pointer;outline:0;transition:all 0.25s}

.btn--green{background:RGB(184, 151, 106);}

.btn--green:focus,.btn--green:hover{background:RGB(234, 237, 239);}

.btn--green:active{background:RGB(184, 151, 106);}

.btn--red{background:RGB(184, 151, 106);}

.btn--red:focus,.btn--red:hover{background:RGB(184, 151, 106)}

.btn--red:active{background:RGB(184, 151, 106);}

.divider--grey{height:2rem;background:#eaedef}
.heading--big,.kicker{
  text-align:center;
  color:#a0a0a0;
  }.heading--big,.heading--medium,.heading--small{margin-bottom:1.5rem;font-weight:bold;text-transform:uppercase}.heading--big{font-size:1.2rem;font-family: 'Montserrat', sans-serif;}

.heading--small{color:#fff}

.text--center{text-align:center}

.sec--gallery{
  padding-bottom:100px;
}
.imgDescription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  color: RGB(184, 151, 106);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  font-family: 'Montserrat', sans-serif;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.gallery__box--big:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

.gallery__box--medium:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}

p img {
   vertical-align: text-bottom;
}

.pTeam{
  text-align:justify;
}

.contact--info{
  font-family: 'Source Serif Pro', serif;
  text-align:center;
  color:#a0a0a0;
}