body,html{ width:100%; height:100% } body{ font-family:Merriweather,'Helvetica Neue',Arial,sans-serif } hr{ max-width:100px; border-width:3px; border-color:#17a2b8 } hr.light{ border-color:#fff } a{ color:#5e9616; -webkit-transition:all .2s; transition:all .2s } a:hover{ color:#5e9616 } h1,h2,h3,h4,h5,h6{ font-family:'Open Sans','Helvetica Neue',Arial,sans-serif } .bg-primary{ background-color:#5e9616!important } .bg-dark{ background-color:#212529!important } .text-faded{ color:rgba(255,255,255,.7) } section{ padding:4rem 0 } .section-heading{ margin-top:0 } ::-moz-selection{ color:#fff; background:#212529; text-shadow:none } ::selection{ color:#fff; background:#212529; text-shadow:none } img::-moz-selection{ color:#fff; background:0 0 } img::selection{ color:#fff; background:0 0 } img::-moz-selection{ color:#fff; background:0 0 } #mainNav{ border-bottom:1px solid rgba(33,37,41,.1); background-color:#fff; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif; -webkit-transition:all .2s; transition:all .2s } #mainNav .navbar-brand{ font-weight:700; text-transform:uppercase; color:#5e9616; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif } #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{ color:#5e9616 } #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{ font-size:.9rem; font-weight:700; text-transform:uppercase; color:#212529 } #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{ color:#5e9616 } #mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{ color:#5e9616!important; background-color:transparent } #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{ background-color:transparent } @media (min-width:992px){ #mainNav{ border-color:transparent; background-color:transparent } #mainNav .navbar-brand{ color:rgba(255,255,255,.7) } #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{ color:#fff } #mainNav .navbar-nav>li.nav-item>a.nav-link{ padding:.5rem 1rem } #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{ color:rgba(255,255,255,.7) } #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{ color:#fff } #mainNav.navbar-shrink{ border-bottom:1px solid rgba(33,37,41,.1); background-color:#fff } #mainNav.navbar-shrink .navbar-brand{ color:#5e9616 } #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{ color:#5e9616 } #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{ color:#212529 } #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{ color:#5e9616 } } header.masthead{ padding-top:10rem; padding-bottom:calc(10rem - 56px); background-image:url(../img/header.jpg); background-position:center center; background-size:cover } header.masthead hr{ margin-top:30px; margin-bottom:30px } header.masthead h1{ font-size:2rem } header.masthead p{ font-weight:300 } @media (min-width:768px){ header.masthead p{ font-size:1.15rem } } @media (min-width:992px){ header.masthead{ height:100vh; min-height:650px; padding-top:0; padding-bottom:0 } header.masthead h1{ font-size:3rem } } @media (min-width:1200px){ header.masthead h1{ font-size:4rem } } .product-box{ max-width:400px } .product-font{ font-size: 12px; } .gallery-box{ position:relative; display:block; max-width:350px; margin:0 auto } .gallery-box .gallery-box-caption{ position:absolute; bottom:0; display:block; width:100%; height:100%; text-align:center; opacity:0; color:#fff; background:rgba(53,131,2,.7); -webkit-transition:all .2s; transition:all .2s } .gallery-box .gallery-box-caption .gallery-box-caption-content{ position:absolute; top:50%; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center } .gallery-box .gallery-box-caption .gallery-box-caption-content .project-category,.gallery-box .gallery-box-caption .gallery-box-caption-content .project-name{ padding:0 15px; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif } .gallery-box .gallery-box-caption .gallery-box-caption-content .project-category{ font-size:14px; font-weight:600; text-transform:uppercase } .gallery-box .gallery-box-caption .gallery-box-caption-content .project-name{ font-size:18px } .gallery-box:hover .gallery-box-caption{ opacity:1 } .gallery-box:focus{ outline:0 } @media (min-width:768px){ .gallery-box .gallery-box-caption .gallery-box-caption-content .project-category{ font-size:16px } .gallery-box .gallery-box-caption .gallery-box-caption-content .project-name{ font-size:22px } } .text-primary{ color:#5e9616!important } .btn{ font-weight:700; text-transform:uppercase; border:none; border-radius:300px; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif } .btn-xl{ padding:1rem 2rem } .btn-primary{ background-color:#5e9616; border-color:#5e9616 } .btn-primary:active,.btn-primary:focus,.btn-primary:hover{ color:#fff; background-color:#53aa19!important } .btn-primary:active,.btn-primary:focus{ -webkit-box-shadow:0 0 0 .2rem rgba(53,131,2,.5)!important; box-shadow:0 0 0 .2rem rgba(53,131,2,.5)!important }