html,
body {
	height:100%;
	font-family: "Arial", sans-serif;
	font-size:14pt;
	text-align: left;	
	/*background-color:#fff;*/
}		

p.intro {
    font-family: "Arial", sans-serif;
	font-size:24pt;	 
    font-weight: normal;
    color: #000;
    padding-top: 30px;
    text-align: left;   
}

/*p.main {
    font-family: "Arial", sans-serif;
	font-size:24pt;	 
    font-weight: normal;
    color:  #f2f2f2;
    background-color: 
    padding-top: 30px;
    text-align: left;   
}*/

p.main {    font-family: "Arial", sans-serif;
    font-size:14pt;	 
    font-weight: normal;
    color: #2d302d;
    display: block;
    padding-top: 3px;
	
}

p.std   {
    text-align: left;   
}

.center-block {
  display:block;
  margin-left: auto;
  margin-right:auto;
}

.space {
    margin-top: 30px;
    margin-bottom: 15px;
}

.semi {	height:100%;
	font-family: "Arial" sans-serif;2d302d
	font-size:14pt;
    	font-weight:bolder;
}

.italic {
    font-family: serif, Times New Roman;
    font-size: 18px;
    font-style:italic;
}
.spimg {
    background: no-repeat;
}


.cover {
	background:url('../img/polkadots.jpg');
}

.indent {
	text-indent:15px;	
}
.pb {
	display:block;
	padding-left:3rem;
}
	
.btn {
	transition: all 0.3s ease-in-out;
}	


#nav {
	background-color:#0040ff;
	font-family: 'Arial', sans-serif;
	color:#fff;
	align-items:left;
	margin-left:15px;
	margin-right:15px;
	height:auto;
	width:auto;
}	

#nav a {
	color:#fff;
}	
#nav a:active {
	color:#be2835;
}

#nav a:hover {
	background-color:#69b83b;
}

#nav a:visited {
	background-color:#eed00b;
}



#footer {
	height:100%;
	font-family: "Arial", sans-serif;
	font-size:11pt;	
	margin-top:30px;
	/*background-color:#fff;*/
}	



#header {
	z-index:0;
}

.header {
	background-color:#ffffff;
	height:100%;
	display:inline-block;
}
	
#header .fa {
	margin:5% 0;
}

#header a .fa {
	color:#fff;
}	

#header a .fa:hover {
	color:#be2835;
}

/* SOCIAL */

#social {
	margin-top: -30px;
}
#social .fa {
	font-size:1.5em;
	transition:all 0.4s ease-in-out;
}	

#social .fa:hover {
	color:#fff;
	background-color:#ff0f33;
}	



btn-primary {
    background-color: red;
    
}

btn-primary1 {
    background-color: deeppink;
}

/* Introductory content */

#update {
	background-color:#d9d9d9;
    	font-family: "Arial", sans-serif;
	font-size:12pt;	 
    	font-weight: normal;
   	color:  #000;
    	background-color: 
    	padding-top: 30px;
    	text-align: left;   
}

#intro {
	background-color:#ffffff;
	font-family: "Arial", sans-serif;
	padding-top:5rem;
	padding-bottom:1rem;
	margin-bottom:30px;
	text-align: left;
}

#intro .card {
	display:block;
	border:none;
}

#intro .img {
	max-height:40%;
	height:auto;
}

#intro .card-text {
	padding-top: -.05rem;
	font-size: 10pt;
	text-align:center;
}



/* For Details section */

#main {
	/*background:url('../img/whitesand.png');*/
	background-color:rgba(237,237,236,0.5);
	background-repeat:no-repeat;
	background-size:cover;
}

#main .row {
	padding-top:1rem;
	padding-bottom:1rem;
}
#main .card-header {
	background-color:#2d2d2d;
	color:white;
}

/* For Adventure section */



#roadintro {
	background:url('../img/curvyroadw_withboys.png');
	background-image:no-repeat;
	margin-top:30px;
	margin-bottom:30px;	
}


#road .h1 {
	font-family: "Myriad Pro", sans-serif;
	font-size:12px;
	color:#7e55cb;
}

#road .row1 {
	padding-top:0rem;
}

#road .row2 {
	padding-top:0rem;
}

#road .row3 {
	padding-top:0rem;
}

#road .btn {
    width:60px;
	padding:10px;
	color:white;
}

#road .btn1 {
	background-color:#7e55cb;
    width:60px;
	padding:10px;
	color:white;
}

#road .btn2 {
	background-color:#cd3301;
	padding:10px;
	color:white;
}

#road .btn3 {
	background-color:#eed00c;
	padding:10px;
	color:white;
}

#road .btn4 {
	background-color:#01cc00;
	padding:10px;
	color:white;
}

#road .btn5 {
	background-color:#0124fa;
	padding:10px;
	color:white;
}

#road .btn6 {
	background-color:#7e55cb;
	padding:10px;
	color:white;
}

#road .btn7 {
	background-color:#cd3301;
	padding:10px;
	color:white;
}

#road .btn8 {
	background-color:#f105ba;
	padding:10px;
	color:white;
}

#road .btn9 {
	background-color:#f0a931;
	padding:10px;
	color:white;
}
#roadsign {
	background:url('../img/dotbillboard.png');
	width:60%;
	height:60%;
	padding-top:0px;
}

#qmain hr {
	background-color: red;
    width: 50%;
	margin-top:15px;
	margin-bottom:35px;	
}

#musicmain hr {
	background-color:#69b83b;
    width: 50%;
	margin-top:35px;
	margin-bottom:55px;	
}

#musicmain h5 {
	color:#69b83b;
	font-weight:bold;

}


/* every device with min-width of 575px will use the following media query styles */
@media screen and (max-width:575px) {
	
	/*#nav {
		float:left-side;
	}
	*/
	
	#nav {
		float:left;
	}
	

	#header {
		text-align:center;
	}
	
	#header img {
		margin:0 auto;
	}	
	#intro {
		text-align:left;
	}
	
	#intro .img {
	max-height:20%;
	height:auto;
}
	#main {
		text-align:left;
		background-color:white;
	}
	

	#road {
		text-align:center;
	}
	
	#footer {
		text-align: center;
	}	
}

/*end of small media query*/  

/* every device under 768px in width will use the following media query styles */
@media(min-width:768px) and (max-width: 1200px) {
	
	#nav {
		text-align:left;
	}
	
	
	#header {
		text-align:center;
	}
	
	#header img {
		margin:0 auto;
	}	
	#intro {
		text-align:left;
	}
	
	#main {
		text-align:center;
	}

	#roadintro {
		text-align: center;
	}
	
	#road {
		text-align:center;
	}
	
	footer {
		background-color:red;
	}
}

/*added to evaluate on 08192017

@media (max-width: 768px) {
  .btn-responsive {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
  }
}
end of eval*/