body{width:100%;height:100%; background:#fff; font-size:15px; font-family: 'Open Sans', sans-serif, arial;}
html{width:100%;height:100%}

.container{ max-width:930px;}
img{max-width:100%; height:auto}
.dd{ height:7px; background:url(../img/dd.png) repeat-x bottom}
.cloth{ background:url(../img/bb.jpg); padding-top:40px;}
.pageTitle h1{ font-size:70px; text-align:left; color:rgba(0, 0, 0, 0.40); }
.entry-page{ padding-top:50px;}
.imaginary{ padding-top:50px;} 
.entry-page h2{ color:#ffca09; letter-spacing:3px; font-weight:800}

.navbar-brand{padding: 7px 15px; }
.navbar-brand>img{ height:100%; width:auto;}
.navbar-default {border-color: rgba(0, 0, 0, 0.2);}

.navbar-nav{ float:right; margin-top: 9px;}
.navbar-nav>li>a{ padding-left:10px; padding-top:4px; padding-bottom:4px; padding-right:10px; font-size:13px!important; color:#000!important; font-weight:600;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: rgba(248, 136, 4, 0.5); border-radius: 5px;}

@media(min-width:767px) {
.navbar{padding: 0px 0; background:#ffca09; -webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out; }
.//top-nav-collapse{padding:0}
 .container {  width: auto; }

}
@media(max-width:767px) {
.pageTitle h1{ font-size:40px; text-align:left; color:rgba(0, 0, 0, 0.40); }
}
.intro-section{  }
.about-section{min-height:100%; padding-bottom:60px;}
 

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);