body { font-size: 1.2em !important; }

h2.hero-large-text { font-weight:300;font-size: 33px;line-height: 1.2em;letter-spacing: 0px; text-transform:none;text-align:left }

.hero-content-style1 p { font-size: 17px;line-height: 1.3em;letter-spacing: 0px; font-style: normal !important;text-align:left  }

.btn { border-radius: 56px; font-size: 14px;line-height: 14px; }
.btn-lg { padding: 1.2rem 2rem }

.hero__content a.btn { 
margin: 2px 2px 8px 2px;
border-radius: 27px !important;

} 

.site-logo-div img.custom-logo-transparent { 
    padding: 30px 30px 0px 30px; 
    height:auto !important;  } 

.site-logo-div img {
    padding: 30px 100px 30px 0; 
    height: auto !important;
}

.section-title-area { text-align: left; } 
.section-title-area .section-title { text-transform: none; color: #45555f !important;font-size: 44px;line-height: 64px;font-weight: 900; }

.section-title { font-size: 44px !important ;line-height: 64px !important;font-weight: 900 !important; letter-spacing:0 !important; } 

.section-subtitle { color: #a30033 !important;text-transform: none !important;line-height:1.3em;letter-spacing: 0px;font-size: 17px !important;font-weight: 100; margin-bottom:0;  }

.client-col img { opacity:0.45;
 filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
transition: all .5s linear 
}
.client-col img:hover { opacity:1;
	 filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none; /* IE6-9 */
    -webkit-filter: none; 
	transition: all .1s linear
}

.intro-buecher,
.intro-buecher img {
width: 28%;
margin: 5px;
text-align: center;
height: auto;
}


#nav-toggle {
float: right;
position: absolute;
width: 35px;
overflow: hidden;
white-space: nowrap;
color: transparent;
right: 20px;
}