@charset "UTF-8";
/* Template */
#mainNav {
	background-color: SlateGray;
/* 	padding: 25px; */
 	border-color: mintcream;
}
#mainNav .dropdown-toggle {
	border-width: solid thick;
}
#mainNav .dropdown-item {
	background-color: lightcyan;
}

#sideNav {
	/* margin-left: ; */
	padding-left: 4%;	padding-top: 3%;
	text-align: left;
	font-family: "Georgia", serif;	
	background-color: rgb(127, 140, 152);
 	border-color: darkgrey;
}

#sideNav > ul > a {
	color: mintcream;
	border-width: solid thick;
}

.hTitle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: DimGray;
	font-family: "Georgia", serif;	
	color: #fdbc2c;
	border-color: #fdbc2c;
}
#footer {
	text-align: center;
	
}

.cHeader {
	font-family: "Georgia", serif;	
	font-weight: bold;	
	color: Olive;
}


/* Home page */
.hHeader {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: "Georgia", serif;	
	font-weight: bold;	
	color: Olive;
}
.hHeader h1 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-top: 30px;	
	text-align: center;
	font-weight: bold;	
}

.course {
	margin-left: auto;
	margin-right: auto;
}
main img {
	display: block; 
	float: center; 
	margin: 0 auto;
}
main>li>img {
	display: block; 
	float: center; 
	margin: 0 auto;
}

footer {
	border-width: thick;
}






/* a.homelink img {
	width: 10%;
	height: auto;
}

header{width: 87%;}
main { width: 87%;} 
.v-nav{width: 9%;height: 350px;} */

/* Different media for different screen sizes */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* 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) {
} 

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