@import url('https://fonts.googleapis.com/css?family=Sacramento');

body{padding-left: 35%;}

.slide-banner{width: 35%; height: 100%; position: fixed;left: 0;top:0;}
.slide-banner .item{position: absolute;width: 100%; height: 100%; left: 0; top: 0; background-color: #333; background-position: center center; background-size: cover;}
.slide-banner .slick-list,.slide-banner .slick-list .slick-track{position: relative; width: 100%; height: 100%;}
.slide-banner .slick-slide{position: relative;}

body .content{padding: 20px;color:#666}

.nav{position: fixed; left: 15px; top:20px;}
.nav .btn{background: #FFF;color:#0b4873}
.dropdown-content{min-width: 210px}
.dropdown-content li>a, .dropdown-content li>span{color:#0b4873 }

.clearfix{clear: both;}

.tagline{font-family: 'Sacramento', cursive; font-size: 60px; margin: 50px 0px; display: block;clear: both;color:#333}

.page404{font-size: 34px; margin-top: 80px}

h2{font-size: 22px}

@media all and (max-width:575px){
  .tagline{font-size: 40px; margin: 30px 0px;}
  .logo{width: 100px!important}
  body{padding-left: 25%}
  .slide-banner{width: 25%;}
  body .content h1{font-size: 28px}
}