h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	display: block;
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 22.4px;
	display: block;
}

h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
	display: block;
}

p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	text-align: justify;
}

section,footer {
	margin: auto;
	padding: 15px 0px;
	width: 55%;
}

.banner{
	background-image: url('../img/mainbanner.jpg');
	background-repeat: no-repeat;
	background-size:contain;
	min-height: 315px;
	background-position: center;
}

.codingiseasy {
	display: flex;
	border-top: 2px solid #8a2c3c;
}

.codingiseasy div {
	display: flex;
	flex-direction: column;
}

.codingiseasy .left {
	flex-basis: 80%;
	padding: 0px 0% 0px 0px;
}

.codingiseasy .right {
	flex-basis: 50%;
	background-image: url('../img/girl-laptop.jpg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}

.codewewrote
{
	padding: 10px 0 25px 0px;
	border-top: 2px solid #e0b217;
}

.codewewrote h2
{
	text-align: right;
}

.codewewrote .left
{
	width:60%;
	padding-right: 3%;
}

.codewewrote div
{
	display: flex;
}

.gallery
{
	border-top: 2px solid #7cb9aa;
}

.youcanlearnto
{
	border-top: 2px solid #1b7cb3;

}

.youcanlearnto .books
{
	padding: 15px 0px 25px 0px;
	width:100%;
}

.youcanlearnto .books img
{
	object-fit: contain;
	width: 13%;
	margin-right: 0.5%;
}

.youcanlearnto .books img.last-item
{
	margin-right: 0px;
}

.whobuiltthis
{
	text-align: center;
	border-top: 2px solid #8bb138;
}

.whobuiltthis .twocol{
	display: flex;
}

.whobuiltthis .left
{
	flex-basis: 50%;
	width:50%;
}
.whobuiltthis img
{
	margin: auto;
	width:80%
}

footer
{
	display: flex;
	border-top: black solid 1px;
}

.branding__logo {
	float: left;
	height: 65px;
}

.branding,.clg-branding
{
	width:50%;
}

.branding__logo img
{
	height: 50px;
}

.clg-branding img
{
	width:50%;
	float: right;
	vertical-align:middle;
	padding-top: 10px;
}

.slogan {
	margin: 8px 0 0 17px;
	float: left;
	word-spacing: 1px;
}

.slogan .subline {
	display: block;
	margin-top: 2px;
	font-weight: bold;
}

.mySlides, .mySlides img
{
	width: 100%;
	margin: auto;
}

.w3-display-right
{
	right:-8%;
}
.w3-display-left
{
	left:-8%;
}

.portraits{
	display: inline-block;
	padding-left:0;
	margin-bottom: 0;
}

.portraits li{
	list-style: none;
	float: left;
	width:20%;
}

.portraits p{
	text-align: center;
	padding: 10px 0;
}

.heading{
	text-align: center;
	color: #1a7cb2;
	margin: 0;
	font-size: 24px;
}