body {background-color: #323a45;}
.logo {float:left; margin-left:5%; width:14%; padding:0px 1%;}
.topTitle {float:left; width:68%; padding-right:10%; font-weight:300; text-align:center;}
.accent {display:block; margin-left:auto; margin-right:auto; width:50%; padding-right:10%;}
.edges {border-style:solid; border-width:1px; border-color:green;}
.navbar-ul {list-style-type:none; margin:0;padding:0;}
.navbar-li {float: left; width:14.8%; background-color:#282e37;}
.navbar-li a {display: block; text-decoration:none; text-align:center; font-size:2vw; color:white;}
.active {background-color: #8c8944;}
.navbar-li a:hover {background-color:#8c8944; color:black;}
.clearance {clear:left; font-size:2vw;}
.banner {display:block; margin-left:auto; margin-right:auto; width:90%;}
.bullets {float:left; margin-left:5%; margin-right:5%; padding-left:5%; padding-bottom:1%; list-style-type:disc; background-color:#282e37; box-shadow: 10px 10px 5px #070F1A;}
.bTitle {padding:0; font-weight:400; color:#aca858; font-size:2.4vw;}
.bullets li {float:left; color:#aca853; padding-right:5%; padding-bottom:2%;}
.mainText {float:left; margin-left:5%; margin-right:5%; padding-left:2%;}
.tTitle {width:100%; padding-top:3%; font-weight:400; color:#abbed0; font-size:2vw;}
.mText {color:white; text-align:justify;}


.container .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 110px); -ms-transform: translate(-50%, 110px); background-color: #f1f1f1; color: black; font-size: 12px; padding: 8px 15px; cursor: pointer; border-radius: 5px; text-align: center;}
.container .btn:hover {background-color: black; color: white;}
.pOdd {background-color:#282e37; box-shadow: 10px 10px 5px #070F1A;}
.pEven {background-color:#2b313b; box-shadow: 10px 10px 5px #070F1A;}
.design {float:right; padding-top: 10%; padding-right:1%; padding-bottom:1%; text-decoration:none; font-size:1vw; color:#ffffff;}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.ttScale {font-size:3vw;}
	.navbar-ul {margin-left:5%;}
	.navbar-li:first-child {display:none;}
	.navbar-li {float:left; width:23.5%;}
	.navbar-li a {font-size:3vw;}
	.largepic {display:none;}
	.bTitle {font-size:3vw;}
	.tTitle {font-size:3vw;}
	.container {position: relative; margin-left:5%; margin-bottom:10%; padding-right:2%; padding-bottom:5%; width: 87%; height:300px;}
	.container .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 110px); -ms-transform: translate(-50%, 110px); background-color: #f1f1f1; color: black; font-size: 12px; padding: 8px 15px; cursor: pointer; border-radius: 5px; text-align: center;}
	.panTitle {color:#8c8944; font-size:3vw;}
	.container li {color:#abbed0; font-size:2.6vw;}
	}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) {
	.ttScale {font-size:2.4vw;}
	.bullets li {width:28%; text-align:left;}
	.container {position: relative; margin-left:5%; margin-bottom:10%; padding-right:2%; padding-bottom:5%; width: 40.5%; height:450px;}
	.container .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 200px); -ms-transform: translate(-50%, 200px); background-color: #f1f1f1; color: black; font-size: 12px; padding: 8px 15px; cursor: pointer; border-radius: 5px; text-align: center;}
	.panTitle {color:#8c8944; font-size:2.4vw;}
	.container li {padding-bottom:1%; color:#abbed0; font-size:2.0vw;}	
	.panel7 {margin-left:30%;}
	} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.bullets {margin-left:5%; margin-right:0; width:25%;}
	.bullets li {width:95%; padding-bottom:6%; text-align:justify;}
	.mainText {margin:0; width:57%;}
	.container {position: relative; margin-left:5%; margin-bottom:10%; padding-right:2%; padding-bottom:5%; width: 25%; height:550px;}
	.container .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 230px); -ms-transform: translate(-50%, 230px); background-color: #f1f1f1; color: black; font-size: 12px; padding: 8px 15px; cursor: pointer; border-radius: 5px; text-align: center;}
	.panTitle {color:#8c8944; font-size:1.5vw;}
	.container li {padding-bottom:1%; color:#abbed0; font-size:1.5vw;}	
	.panel7 {margin-left:37.5%;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}