body {font-family:'Roboto', sans-serif !important;background:url(../images/wave.jpg) center 300px no-repeat;background-attachment:fixed;}

h1 {color: #f3850a;margin-bottom: 10px;}
h2 {font-size:24px;}
a {transition:ease-in-out .30s;}
ul {font-size:16px;line-height:28px;}

.navbar {transition:all ease-in-out .30s;background-color:#fff;margin-top:20px;}
.logo {transition:all ease-in-out .30s;}
.navbar-shrink {margin-top:0;}

.intro {margin-top:30px;}
.intro .content {padding:40px;background-color:#f0f0f0;}
.intro .content .fa-li {color:#0879b8;}
.intro .content li {margin-bottom:20px;}

.address {margin-top:-40px;}
.address .content {padding:40px;background-color:#04334e;}
.address .content p {color:#fff;font-size:22px;}
.address .content a {color:#fff;}
.address .content a.tel {color:#fff;}
.address .content a.tel:hover {text-decoration:none;}

footer {margin-top:-20px;margin-bottom:60px;}

.scrollup {padding:6px 12px;background-color:#000;color:#fff;position:fixed;bottom:20px;right:20px;border:solid 2px #000;z-index:1000;display:none;}
.scrollshow {display:inline-block;}
.scrollup:hover {background-color:#000;color:#fff;}

@media(min-width:1200px) {
	.logo {width:900px;}
	.navbar-shrink .logo {width:400px;}
}

@media(min-width:992px) and (max-width:1199px) {
	.logo {width:700px;}
	.navbar-shrink .navbar-brand img {width:350px;}
}

@media(max-width:991px) {
	.navbar-shrink .navbar-brand img {width:350px;}
	.address {margin-top:0;}
	footer {margin-top:0;}
	.intro .content {padding:20px 10px;}
}

@media(min-width:768px) and (max-width:991px) {
	.logo {width:600px;}
}

@media(min-width:576px) and (max-width:767px) {
	.logo {width:400px;}
	.navbar-shrink .navbar-brand img {width:200px;}
}
@media(max-width:575px) {
	.logo {width:260px;}
	.navbar-shrink .navbar-brand img {width:200px;}
	.address .content p {color:#fff;font-size:18px;}
}