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

body {
font-family:Forum,'Helvetica Neue',Arial,sans-serif;
}



.proje{
   -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.proje:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}


.kutu{
background-color: black;
opacity: 0.5;
width: 100%;
height:70px;

}

.kutu li{
display: table-cell;
		vertical-align: middle;
		text-align: center

}

hr {
max-width:100%;
border-color:#FFF;
border-width:1px;
}


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


hr.s{
	border-color: #dcb214
}

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



a {
-webkit-transition:all .2s;
-moz-transition:all .2s;
transition:all .2s;
text-align: le
}



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


.bg-kgri{
	background-color:#342c29!important;
}


.bg-b{
	background-color:#fff!important;
}

.bg-bgri{
		background-color:#342c29!important;
		box-shadow: 3px 3px 4px #000;

}

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

.bg-dark {
background-color:#2a2321!important;
    box-shadow: 0 0 10px black inset;}


.bg-dark2 {
background-color:#2a2321!important;
    box-shadow: 0 0 10px black inset;}

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

/*section {
padding:8rem 0;
} */


li.u{
float:left;
width: 50%;
height:100px;
}


li.w{
float:left;
width: 150px;
height:150px;
align-items: center;
}


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

header.masthead {
padding-top:0px;
padding-bottom:calc(10rem-56px);
background-image:url(../img/header.jpg);
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

header.masthead hr {
margin-top:0px;
margin-bottom:10px;
padding-top: 0px;
}

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;
-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;
-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:#342c29;
background:#342c29;
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:0vh;
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;
}
}