@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body{
	font-family: "Open Sans";
	font-size:16px;
	line-height: 1.7;
	color:#646464;
}
header{
	background:#00bfad;
	padding:15px 0;
	overflow: hidden;
}
.brand-image{
	height:70px;
}

.inline-list a {
  color: #42ace5;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 25px;
  display: inline-block;
}
.bnr{
	background:url(b1.jpg);
	background-size: 100% 100%;
	padding:10% 0 15% 0;
	line-height: 1;
}
.about .bnr{
	background:url(b2.jpg);
	background-size: 100% 100%;
	padding:11% 0;
}
.typs .bnr{
	background:url(b3.jpg);
	background-size: 100% 100%;
	padding:11% 0;
}
.contact .bnr{
	background:url(b4.jpg);
	background-size: 100% 100%;
	padding:20% 0 11% 0;
}
h1 {
  font-size: 86px;
  margin:0;
}
.bnr .btn{
	margin-top:50px;
	line-height: 1.5;
}
.slim {
  font-size: 26px;
  font-weight: lighter;
}
.fatty {
  font-size: 26px;
  font-weight: 800;
}
.number {
  font-size: 42px;
  font-weight: 800;
}
.bg-7 p{
	margin:0;
}
input {
  width: 98%;
  padding: 3% 1%;
  background: none;
  border: 1px solid #fff;
  margin: 10px 0;
}
label {
  margin-top: 15px;
  display: block;
}
form .btn{
	margin:20px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.bnr {
  background: rgba(0, 0, 0, 0) url("b1.jpg") repeat scroll 0 0 / 115% 100%;
}
.contact-round {
  margin: 0 auto;
  width: 300px;
  text-align: center;
  display: block;
  padding: 10px 0;
}
}
@media only screen and (max-width: 767px) {
header {
  text-align: center;
}
body{
	font-size: 14px;
	line-height: 1.5;
}
.inline-list > li {
  display: list-item;
  text-align: center;
}
.inline-list a {
  padding: 5px;
}
.slim {
  font-size: 20px;
  font-weight: lighter;
}
.fatty {
  font-size: 20px;
}
.number {
  font-size: 26px;
  font-weight: 800;
}
.bnr {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)) repeat fixed 0 0%,rgba(0, 0, 0, 0) url("b1.jpg") repeat scroll center center / auto 100%;
}
.typs .bnr {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)) repeat fixed 0 0%, rgba(0, 0, 0, 0) url("b3.jpg") repeat scroll center center / auto 100%;
}
.contact .bnr {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)) repeat fixed 0 0%,  rgba(0, 0, 0, 0) url("b4.jpg") repeat scroll center center / auto 100%;
  padding: 20% 0 15%;
}
.bnr .btn {
  line-height: 1.5;
  margin-top: 0px;
}
h1 {
  font-size: 44px;
}
.contact-round {
  padding: 10px 0;
}
}