body{background:url(../images/bg.jpg) top center no-repeat #d7ebf8; }

.navbar-inverse {
  background-color: #fff;
  border-color: #none !important;
}

.navbar {
  position: relative;
  min-height: 140px;
  margin-bottom: 0px;
  border:none !important;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #0291cd;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #0291cd;
  !background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #0291cd;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

h1.name{color:#0291cd; text-align:center; font-size:30px; padding-top:30px;}
p.text{text-align:center}


.navi ul{margin:0; padding:10px 0 10px 0; padding-left:35%;}
.navi ul li{list-style-type:none; display:block; float:left; padding-left:10px; padding-right:10px; }
.navi ul li a{text-decoration:none; color:#fff;}
 .navi ul li a:hover{text-decoration:none; color:#090909;}

.foot{color:#4f4f4f; text-align:center; font-size:12px; padding:10px 0 10px 0px}

li.set{list-style-type:none; display:block; float:left; color:#F0F0F0; padding-top:5px;}

h4.he{padding-left:30px; padding-right:30px;}
p.text1{padding-left:30px; padding-right:30px;}



 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	body{background:url(../images/bg.jpg) top center;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	body{background:url(../images/bg.jpg) top center;}
	.navi ul{margin:0; padding:10px 0 10px 0; padding-left:18%;}
.navi ul li{list-style-type:none; display:block; float:left; padding-left:10px; padding-right:10px; }
.navi ul li a{text-decoration:none; color:#fff;}
 .navi ul li a:hover{text-decoration:none; color:#090909;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body{background:url(../images/bg.jpg) top center;}
	.navi ul{margin:0; padding:10px 0 10px 0; padding-left:20%;}
.navi ul li{list-style-type:none; display:block; float:left; padding-left:10px; padding-right:10px; }
.navi ul li a{text-decoration:none; color:#fff;}
 .navi ul li a:hover{text-decoration:none; color:#090909;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
		body{background:url(../images/bg.jpg) top center;}
		.navbar {
  position: relative;
  min-height: 170px;
  margin-bottom: 20px;
  border:none !important;
}
.navi ul{margin:0; padding:10px 0 10px 0; padding-left:10%;}
.navi ul li{list-style-type:none; display:block; float:left; padding-left:5px; padding-right:5px; }
.navi ul li a{text-decoration:none; color:#fff;}
 .navi ul li a:hover{text-decoration:none; color:#090909;}
 
 .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    width: 80% !important;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 37px !important;
	
}
 
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
		body{background:url(../images/bg.jpg) top center;}
		.navbar {
  position: relative;
  min-height: 106px !important;
  margin-bottom: 20px;
  border:none !important;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    width: 80% !important;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 37px !important;
	
}

}