/*General*/

html{
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900);
}

h1,h2,h3,h4{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

p {
    font-size: 18px;
}

hr {
    border-top: 1px solid #8c8b8b;
}

.quote{
    font-size: 14px;
    font-weight: bold;
}

.skills{
    color:white;
    font-family: font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    font-size: 35px;
}
.navbar-brand>img{
    margin-top: -8px!important;
}

/*section colors*/
.bg-1{
    background: #ECECEA;
}
.bg-1 .text{
	display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
}

.first{
    margin-top: 70px!important;
}

.bg-1 .skills{
    font-size: 1.2em;
    font-weight: 300;
}
.bg-2{
    background: #4C8A35;
    color:white;
}
.bg-2 .text{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
}

.bg-1, .bg-2{
    padding:25px 90px!important;
}

@media (max-width: 768px){
    .bg-1, .bg-2{
        padding:25px 15px!important;
    }
}

.loc{
    padding: 15px;
}
/*Buttons*/
.btn-custom{
    background:#4c8a35!important;
    color:white;
}
/*Header nav*/
.nav-li:hover{
	background:#70ae5b;
    color:white;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar {
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif!important;
    font-weight: 600;
}

.navbar a:focus {
    outline: 0;
}

.navbar-default .navbar-nav>li>a{
    color:white!important;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}
.navbar-default{
    padding:0!important;
}
.contact{
    margin-top: 100px;
}

/*footer*/

footer a{
        color:#6DA857!important;
    }

footer{
   background-color: rgb(49, 110, 17); 
}

footer p{
    color: white;
    font-size: 14px!important;
}

footer h3{
    color: white;
}

.footer-col img{
    margin-top: 40px;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.footer-below{
    background-color: #6DA857;
    margin-bottom: -20px!important;
    padding:15px;
}

.footer-below a{
    font-weight: bold;
    color:rgb(24, 74, 6)!important;
}

/*mobile*/
@media (max-width: 767px) {
    .navbar-brand {
        padding: 0;        
    }
    .navbar-brand img {
        margin-left: 5px;
    }
    .bg-1{
		padding-top: 65px;
	}
}
@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

}

a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,2); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    } 
    a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
    }