body{font-family: 'Muli', sans-serif;}
/*.main-header{background-image: url(../images/patterns/pattern.png); background-size: 90%;}*/
.logo{margin-bottom: 50px;}
.logo span{color: #2d672b;}

/*** home ***/
.cit figure span, .cit a{color: #2d672b !important;}
.cit {padding: 2em;color: #999;}
.cit p {margin-bottom: 0.8em;}
.cit i {font-style: italic; }
.ss-tile-hover-content-wrapper .ss-tile-hover-title{color: #2d672b;}

/*** nav ***/
header.main-header .mobile-close-button a{
    border: none;
    color: #2c672b;
    font-size: 40px;
}
/*** single page ***/
h1.portfolio-single-title{color: #2d672b;}
#identikit ul li {margin-bottom: 0.2em;}
#identikit ul{margin-bottom: 0;}
#identikit{padding: 1em; border: 1px solid #aaaaaa; border-radius: 4px;float: left;}
.color{color: #2d672b;}

/**** about ****/
.personalLinks {text-align: center;}
.personalLinks li{display: inline-block; margin: 0 20px;}
.personalLinks li span{font-size: 3em;}

/***** form *****/
.formGroup{
    margin-bottom: 15px;
}
.is-invalid{
    border-color: #860000;
}
.error{
    color: #860000;
    margin-left: 10px;
    font-size: 12px;
}
.formInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.formInput:hover, .formInput:active{
    outline: none;
    border-color: #2d672b;
}
#success {
    font-size: 24px;
    color: #2d672b;
}

/**** mobile ****/
@media screen and (max-width: 380px){
    .mobileOff{display: none}
}
@media screen and (max-width: 850px){#identikit{width: 93%; display: block;}}
@media screen and (max-width: 992px){
    ul.main-navigation li > a {font-size: 0.7em;}
    .main-navigation li {padding-bottom: 8px;}
    header.main-header a{font-size: 0.7em;}
    .main-header .copyright{font-size: 0.6em;}
    .main-navigation li.menu-item-has-children > a::before{padding-top: 6px;}
    .header-contact-item .item-icon{padding-top: 5px;}
    .header-social-navigation .active-social-items a{font-size: 1em;}
    .header-social-navigation li{padding-top: 15px;}
}