@charset "UTF-8";
/* CSS Document */

/* Kris Wright 2018 */
.responsive {
    width: auto;
    
    height: 50%;
}
#header{
	background-color:#FF8E8E;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #F30574;

	background-repeat: space;
	height: 100%;
	width: 100%;

	clear:both;
}

#headertype{
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color:#F30574;
	padding-left: 2px;
	background-color: #D2D2D2;
}
.h2Header{
	border-bottom-width: 5px;
	border-bottom-style:solid;
	border-bottom-color: #F30574;
	margin-bottom: 10px;
	background: linear-gradient(to right, #E57FAE, white );
	padding-top: 1px;
	padding-left: 5px;
}
.learnerdescHeader{
		font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color:#000000;
	font-weight:lighter;
}

#learnerdescheadtype{
	font-size: 1.2em;
}

.col-lg-6{
	width: 25%;
	
}
.topbarH2{
	clear:both;
}

.learnerP{
	font-size: .8em;
}

p{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
li{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight: bold;
}
h2{
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color:#000000;
	font-weight: bolder;
}

footer{
	margin: 5px;
	background-color:#706F6F;
	color:#FADA59;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#dividerHR{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
}
.col-lg-12{
	padding-bottom: 5px;
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 0px) and (max-width: 480px){
		
.container-fluid {
	margin: 0px;
}
		
.col-lg-6{
	width: 20%;
	
}	
}

/* Medium Devices, Desktops */
    @media only screen and (min-width: 481px) and (max-width: 1199px){
	#header{
	background-color:#FF8E8E;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #F30574;

	background-repeat: space;
	height: 100%;
	width: 100%;

	clear:both;
}
		
		.col-sm-2{
			width: 27%;
		}
	.col-lg-6{
	width: 27%;
	
}	
		
}


    /* Large Devices, Wide Screens */
    @media only screen and (min-width: 1200px) {
		#header{
	background-color:#FF8E8E;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #F30574;

	background-repeat: space;
	height: 100%;
	width: 100%;

	clear:both;
}
		
		
		.col-lg-6{
	width: 30%;
	
}	
		
		.col-sm-2{
			width: 35%;
		}
}