body {
  /*min-height: 2000px;*/
  padding-top: 200px;
  background-image: url("../images/bg.jpg");
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-position: center;
  font-family: 'Poppins', sans-serif;
}
#shantae-nav{
	background: rgba(72, 164, 255, 1);
	font-family: 'Pacifico', cursive;
	font-size: x-large;
	color:#fff;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,114,198,.075)
}
#info{
	background:rgba(255, 255, 255, 0.8);
}

#logo{
	position: fixed;
	width:100%;
	top: 0;
	z-index: 1000;
	background: url("../images/bg.jpg");/*rgba(147,193,227,0.6);*/
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center;
}

#footer{
	text-align: center;
	padding-top:50px;
	padding-bottom:10px;
	font-size:8pt;
	/*color:#a10000;*/
}

@media (max-width: 767px){
	#switch-button{
		display: none;
	}
	#switch-nav{
		display: block;
	}
}

@media (min-width: 767px){
	#switch-nav{
		display: none;
	}
}

#switch-button{
	position:fixed;
	z-index: 1000;
	top:0;
}

#shantae{
	margin:auto;
}
#system{
	font-size:large;
}

h2{font-size:32pt;}

h1,h2{
	font-family: 'Pacifico', cursive;
	color: #d10100;
	text-align: center;
	margin-bottom:25px;
}

h3{
	font-family: 'Poppins', sans-serif;
	color: #6c2b8a;
	margin-bottom:0;
	margin-top:0;
}

.img-responsive{
	margin-top:0.5em;
}
p{
	padding: 0px 10px 0px;
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ff0000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #0072c6;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #0072c6;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #0072c6;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #0072c6;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}