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

/* Hexidecimal colors:  nav b854ea d08df1 green 68c09c gray 808080*/
/* still working with colors b3cf9e (green) 4c3934 (brown) */

* {
  margin: 0;
  padding: 0;
}
body {
	background-color:#808080; 
	background-image: url('img/iStock-1227597308.jpg');
	background-size: cover;
	font-family: Verdana, Geneva, Arial, sans-serif;
	padding:0px;
}

#wrapper {
	width: 860px;
	padding-left:10px;
	padding-right:15px;
	margin-left: auto;
	margin-right: auto;
}
nav {
	text-align:right;
	width:100%;
	padding-top:10px;
	background-color:#000000;
	height:40px;
	margin-bottom: 3px;
}
header{

	height:100px;
	width:100%;
	opacity: 0.7;
	background-color:#000; 
	margin-bottom: 3px;
	
}
section {
	min-height: 400px;
	background-color:#fff; 
	padding: 20px 30px 20px 30px;


}
section li {
	list-style-type: square; /* circle or delete this line */
	margin-left:25px;
	line-height: 1.75;


}
footer {
	height:140px;
	background-color:#a4a49c;
	color:#000;
	padding-left: 15px;
	font-style: italic;
	font-size: small;
	
	
}



/* Create two equal columns that floats next to each other */
* {
  box-sizing: border-box;
}
.column {
  float: left;
  width: 40%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* Navigation style */

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li {
    display: inline;
	margin-right:13px;

}
nav li a {
	text-decoration:none;
	font-variant: small-caps;
	color:#fff;

}

nav li a:hover {
	text-decoration:none;
	font-variant: small-caps;
	color:#47617f;

}
/* End of navigation style */

/* Navigation dropdown */

.dropbtn 
{
  background-color: #000;
  font-variant: small-caps;
  color: white;
  padding: 4px;
  font-size: 16px;
  border: none;
}
.dropdown 
{
  position: relative;
  display: inline-block;
  font-variant: small-caps;
  text-align: left;
}
.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: gray;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a 
{
  color: black;
  padding: 4px 4px; 
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: gray;}

/* End of Navigation dropdown */

header h1 {
	color: #FFF;
	/* text-shadow: 1px 1px #d08df1; - may not use this */
	font-family: 'Orbitron', Bold;
	position: relative;
    	top:10px;
	left: 30px;
}
header h2 {

	color: #FFF;
	font-family: 'Orbitron',regular;
	font-weight: normal;
	position: relative;
    left: 60px;
	top: 8px;
}
section  h2,h4 {
	font-variant: small-caps;
	margin-left:-15px;
}


section p{
	padding-bottom: 10px;
	padding-top:10px;


	
}

/* Footer text */
.foottext {
	padding-right: 15px;
	padding-top: 10px;
	font-size: 18px;
	float: right;
}

/* Images Style */
.grows { 
	transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	position: relative;
	float:right;
	margin-top:-75px;
	margin-right:-15px;
	width:250px;
	height:250px;
	border-radius: 20px;
	box-shadow: 10px 10px 5px #888888;
}
.grows2 { 
	transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	position: relative;
	float:right;
	margin-top:-25px;
	margin-right:-15px;
	width:250px;
	height:250px;
	border-radius: 20px;
	<!--box-shadow: 10px 10px 5px #888888;-->
}
.grows:hover { transform: scale(1.3);
	

}
.grows2:hover { transform: scale(1.3);
	

}
.imgfloat4 {
	position: relative;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	width:400px;
	height:275px;
	border-radius: 20px;
	<!--box-shadow: 5px 5px 5px #888888;-->

}
.imgfloat3 {
	position: relative;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	width:400px;
	height:250px;
	border-radius: 20px;
	<!--box-shadow: 5px 5px 5px #888888;-->
		
}
.imgfloat2 {
	position: relative;
	float:right;
	margin-top:-75px;
	margin-right: -15px;
	width:250px;
	height:250px;
	border-radius: 20px;
	<!--box-shadow: 5px 5px 5px #888888;-->
		
}

.imgfloat {
	position: relative;
	float:right;
	margin-top:-75px;
	margin-right: -15px;
	width:400px;
	height:250px;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #888888;
		
}
.logoimg {

	height:180px;
	float: left;
	border-radius: 20px;
	/* box-shadow: 10px 10px 5px #888888; */
	
}
#about{
	margin-left: auto;
	margin-right: auto;
	padding-bottom:15px;
	margin-top:-35px;
	text-align:center;
}