* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;

}

.imgLeft {
	float:left;
	height:25%;
	width:25%;
	border:solid orange 0px;
	}


@media only screen and (min-width: 600px) {
    /* For tablets: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
.imgLeft {
	float:left;
	height:75%;
	width:75%;
	border:0px solid green;
	}
  
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.imgLeft {
	float:left;
	height:75%;
	width:75%;
	border:solid red 0px;
	}
}

html {
    font-family: "Lucida Sans", sans-serif;
}


.container{
	width:100%;
	min-width:320px;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	}


header {
	color:  rgb(95,152,65);
    	padding: 0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
	text-align:center;
	font-size:2.5em;
	height:auto;
	width:100%;
	border:1px solid black;
	border-bottom:0px solid black;
	
}


section {
	

	//float:left;
	height:auto;
	min-height:400px;
	z-index:-1;
	color:  rgb(95,152,65);
	border:0px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	width:100%;
	font-size: 1em;
	//background:lightGray;
	//background-image: url("images/bg01.jpg");
}


footer {    	
    	color: rgb(95,152,65);
    	padding: 4px 5px 6px 5px;
	text-align:center;
	font-size:.9em;
	width:100%;
	border: 1px solid black;
	border-radius: 0 0 25px 25px;
}

.navBox {
	width:100%;
	height: auto;
	border:0px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	min-width:150px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	font-size:1em;
}



a:link {
	text-decoration:none;
	//background-color:rgb(95,152,65);
	color:grey;
}

a:visit {
	text-decoration:none;
	color:rgb(255,255,255);
}

a:hover {
	text-decoration:none;
	color:rgb(0,0,0);
	background-color:white;
	text-align:center;
	display:inline-block;
}

a.footLink:link {
	text-decoration:none;
	color:rgb(255,255,255);
	background-color:rgb(95,152,65);
}

a.footLink:visit {
	text-decoration:none;
	color:rgb(255,255,255);
}

a.footLink:hover {
	text-decoration:none;
	color:rgb(0,0,0);
	background-color:lightgray;
	text-align:center;
	display:inline-block;
}

a.button:link {
	text-decoration:none;
	background-color:rgb(95,152,65);
	color: rgb(255,255,255);
	padding:.3em;
	border: 1px solid rgb(95,152,65);
	border-radius: 15px 15px 15px 15px;
	text-align:center;
	display:inline-block;
	font-size:1em;
	transition-duration: 0.4s;
}

a.button:visited {
	text-decoration:none;
	background-color:rgb(95,152,65);
	color:rgb(255,255,255);
}

a.button:hover {
	text-decoration:none;
	background-color:rgb(255,255,255);
	color:rgb(95,152,65);
}

.imgAutoSize {
	width:100%;
	height:auto;
}

.leftPadded{
	padding:0px;
	padding-left:15px;
	
}

.leftPaddedRight {	
	padding-left:15px;
	padding-right:15px;
}

.oneFiveEm {
	font-size:1.5em;
}

.textBlack {
	color:black;
}

.textGreen {
	color:rgb(95,152,65);
}

.backGray {
	background:lightGray;
}