@charset "utf-8";
/* CSS Document */
<style>
@font-face {
    font-family:'learning_curveregular';
    src: url('fonts/learningcurve-webfont.eot');
    src: url('fonts/learningcurve-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/learningcurve-webfont.woff2') format('woff2'),
         url('fonts/learningcurve-webfont.woff') format('woff'),
         url('fonts/learningcurve-webfont.svg#learning_curveregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;

}


	.pink {
      background-color: #e7dac7;

    }

  
	
	.curve { font-family:'learning_curveregular' !important; color:#CBA974 !important }
	 p { font-family:'Roboto'; color:#442E31 !important; letter-spacing:2px; font-weight:100 !important }
	.w3-bar-item { color:#000000; font-family:'SC_ALYERMOOK'; text-decoration:none; letter-spacing:2px; margin:0 12px !important; padding-bottom:0px !important; padding-left:0 !important; padding-right:0 !important }
	
	.w3-bar-item:hover { color:#CBA974 !important }
	.active { color:#CBA974 !important; }
	.border-bottom { 	border-bottom: 20px solid transparent;
   				 padding-bottom: 0px;
				 padding-right:40px;
				 padding-left:40px;
    			-webkit-border-image: url(images/active-link-border.png) 30; /* Safari 3.1-5 */
    			-o-border-image: url(images/active-link-border.png) 30; /* Opera 11-12.1 */
    			border-image: url(images/border-bottom.png) stretch  ; }
	.social-icon { margin-left:100px }
	.font-grey { color:#c0c0c0 }
	.font-white { color:#ffffff }
	.font-dark { color:#424242 }
	.font-maroon { color :#ee7421}
	.font-purple { color: #3c282e !important}
	.sub-title { font-size:18px}
	.project-thumb-title { color:#424242 !important }
	h1,h2,h5 { font-family:'SC_ALYERMOOK' !important; letter-spacing:1px; line-height:1; }
	a {text-decoration:none; }
	.w3-padding { padding:8px !important }
	.footer { font-size:13px; color:#424242 !important }
	.footer i { color: #424242 !important; }
	.w3-margin-top { margin-top:40px !important; }
	.clear200 { height:200px }
	.clear50 { height:70px !important }
	.w3-row-full-width { width:100% !important; padding:0 !important; margin:0 !important }
	
	.icon-instagram {  width:25px; height:25px; background:url(images/insta-icon.png) !important; }
	.icon-instagram:hover {  width:25px; height:25px; background:url(images/insta-black-icon.png) !important; }
	
	.icon-facebook {  width:25px; height:25px; background:url(images/fb-icon.png) !important; }
	.icon-facebook:hover {  width:25px; height:25px; background:url(images/fb-black-icon.png) !important; }
	
	@media screen and (min-width: 1600px) {
    .w3-row { max-width:1420px; margin:0 auto;}
	.w3-bar-item { font-size:18px !important}
	.slogan { margin-top:200px !important }
	h1,h2 { font-size:45px !important }
	body { font-size:22px !important; letter-spacing:0px !important }
	.slogan-child { line-height:20px !important }
	.footer { font-size:18px !important; }
	.linktext { font-size:18px !important }
}

	@media screen and (max-width: 1600px) {
    .w3-row { max-width:1170px; margin:0 auto; padding-left:20px; padding-right:20px;}
	.slogan { margin-top:120px !important }
	.slogan-child { line-height:16px !important }

	
}

@media screen and (max-width: 1130px) {
	.desktop-nav { display:none !important }
	.mobile-nav { display:block !important }
}
@media screen and (min-width: 1130px) {
	.desktop-nav { display:block !important }
	.mobile-nav { display:none !important }
}

@media screen and (max-height: 550px) {
	#slogan-child { display:none !important }
}
@media screen and (max-width: 470px) {
	#slogan-child { display:none !important }
}
@media screen and (max-width: 350px) {
	.client-image { width:90% !important }
}

.row-full{
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 margin-top: 100px;
 left: 50%;
}
.w3-chocolate { background-color:#424242; color:#fff; font-family:'Gerogia' }
.project-thumb-title { padding:10px 3px; text-align:left}
.project-banner { width:100%; }
.clear10 { height:10px }
.clear15 { height:15px }
.linktext { font-size:12px }
.clear8 {height:8px }

.mobile-btn { background-color:#c0c0c0; color:#ffffff }
#rightMenu a:hover { background-color:transparent !important; color:#fff !important; }
.close-button:hover {background-color:transparent !important; color:#ffffff !important }
.project-thumb-image { width:95% !important }
.social-icon-mobile { float:right !important }