body,html {
width:100%;
height:100%;
}

body {
font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
-webkit-tap-highlight-color:#212529;
}

hr {
max-width:50px;
border-color:#f05f40;
border-width:3px;
}

hr.light {
border-color:#fff;
}

a {
color:#f05f40;
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
}

h1,h2,h3,h4,h5,h6 {
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.bg-primary {
background-color:#f05f40!important;
}

.bg-dark {
background-color:#212529!important;
}

.text-faded {
color:rgba(255,255,255,.7);
}

section {
padding:8rem 0;
}

.section-heading {
margin-top:0;
}

#mainNav {border-bottom:1px solid rgba(33,37,41,.1);background-color: #e9ecef;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}

#mainNav .navbar-brand {
font-weight:700;
text-transform:uppercase;
color:#f05f40;
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

#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.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
color:#f05f40!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;
}

/*header.masthead {
padding-top:10rem;
padding-bottom:calc(10rem-56px);
background-image:url(../img/1.mp4);

background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}*/

header.masthead hr {
margin-top:30px;
margin-bottom:30px;
}

header.masthead h1 {
font-size:2rem;
}

header.masthead p {
font-weight:300;
}

.service-box {
max-width:400px;
}

.portfolio-box {
position:relative;
display:block;
max-width:650px;
margin:0 auto;
}

.portfolio-box .portfolio-box-caption {
position:absolute;
bottom:0;
display:block;
width:100%;
height:100%;
text-align:center;
opacity:0;
color:#fff;
background:rgba(240,95,64,.9);
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
position:absolute;
top:50%;
width:100%;
transform:translateY(-50%);
text-align:center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
padding:0 15px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size:14px;
font-weight:600;
text-transform:uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size:18px;
}

.portfolio-box:hover .portfolio-box-caption {
opacity:1;
}

.portfolio-box:focus {
outline:0;
}

.text-primary {
color:#f05f40!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:#f05f40;
border-color:#f05f40;
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
color:#fff;
background-color:#ee4b28!important;
}

.btn-primary:active,.btn-primary:focus {
box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;
}

a:hover,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover {
color:#f05f40;
}

::-moz-selection,::selection {
color:#fff;
background:#212529;
text-shadow:none;
}

img::selection,img::-moz-selection {
color:#fff;
background:0 0;
}

@media min-width992px{
#mainNav {
background-color:transparent;
border-color:transparent;
}

#mainNav .navbar-nav>li.nav-item>a.nav-link {
padding:.5rem 1rem;
}

#mainNav.navbar-shrink {
border-bottom:1px solid rgba(33,37,41,.1);
background-color:#fff;
}

#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;
}

header.masthead {
height:100vh;
min-height:650px;
padding-top:0;
padding-bottom:0;
}

header.masthead h1 {
font-size:3rem;
}

#mainNav .navbar-brand,#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-brand:focus,#mainNav .navbar-brand:hover,#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 .navbar-brand,#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover,#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:#f05f40;
}
}

@media min-width768px{
header.masthead p {
font-size:1.15rem;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size:16px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size:22px;
}
}

@media min-width1200px{
header.masthead h1 {
font-size:4rem;
}
}