body {
	height: 100%;
	margin:0;
	padding:0;
	background-color: #DFE0F9;
	font-family:  'Open Sans', verdana, arial, helvetica, helve, sans-serif;
	font-weight:400;

}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:0;
}

.footer  { 
font-family:  'Open Sans', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #817979;
font-size : 14px; 
font-weight:300;
padding:5;
margin:0;
}

.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


h1  { 
font-family:  'Oswald', 'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #000;
margin-bottom : 0.2em;
margin-top: 10px;
font-size : 3em; 
line-height : 1.2;
font-weight:700;
}

h2  { 
font-family:  'Open Sans', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #817979;
font-size : 22px; 
font-weight:400;
padding:0;
margin:0;
}

.headtext  { 
font-family:  Oswald, 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #000;
font-size : 32px; 
font-weight:700;
}

.opphead  { 
font-family:  Oswald, 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #000;
font-size : 22px; 
font-weight:400;
background-color:#7CB739;
line-spacing: -5px;
}



/*contact form */
#textbox {
    height:26px;
    font-size: 18px;
}


/*design */





input[type=submit] {
	width: 90%;
    padding:10px 25px; 
    background: #7CB739; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
	font-family:  'Oswald', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-size : 28px; 
	font-weight:400;
	margin-bottom: 15px;
}

.box-bg {
	background-color: white;
	padding: 15px 5px 15px 5px;
}
.box-yel {
	background-color: #fbfbe8;
	padding-top: 30px;
	padding-bottom: 30px;
}
.box-consult {
	font-family:  'Oswald', verdana, arial, helvetica, helve, sans-serif;
	padding: 0 5px 5px 5px;
	font-weight:300;
	font-size : 20px; 
}

.indent {
	margin-left: 5%;
	margin-right: 5%;
}

.box-overall {
	font-family:  'Open Sans', verdana, arial, helvetica, helve, sans-serif;
	padding: 0 5px 15px 5px;
	font-weight:400;
}



/*check boxes */
.example{
  margin-bottom : 1.5em;
}



/* Menu */
.menu  { 
background-color: #7CB739;
font-family:  'Oswald', 'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
color: #FFF;
margin: 0px;
font-size : 18px; 
font-weight:400;
line-height : 2.6;
text-align:right;
}
.menu a:visited {COLOR: white; TEXT-DECORATION: none;}
.menu a:active {COLOR: white; TEXT-DECORATION: none;}
.menu a:link {COLOR: white; TEXT-DECORATION: none;}
.menu a:hover {COLOR: black; TEXT-DECORATION: none;}


a:visited {COLOR: black; TEXT-DECORATION: none;}
a:active {COLOR: black; TEXT-DECORATION: none;}
a:link {COLOR: black; TEXT-DECORATION: none;}
a:hover {COLOR: green; TEXT-DECORATION: none;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  GRID OF FOUR  */

.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}


/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}


ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #7CB739;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family:  'Oswald', 'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
  color: #fff;
  font-size : 18px;  
  font-weight:400;

}

ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}




.headtext  { 
font-size : 26px; 
font-weight:400;
}
.box-consult {
	font-size : 18px; 
	padding-top: 15px;
}

.div4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

 .div3 {

    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('http://helpuprosper.com/images/header_blank.jpg');
  }


@media screen and (max-width:680px) {

  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }

  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/*  GO FULL WIDTH BELOW 680 PIXELS */
@media only screen and (max-width: 680px) {
	.col {  
		margin: 0;
		padding: 0px;
	 }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.indent { margin: 0; }

	.box-overall {
		font-family:  'Open Sans', verdana, arial, helvetica, helve, sans-serif;
		padding: 0 5px 15px 5px;
		font-weight:400;
		background-color: #fbfbe8;
	}

	input[type=submit] {
	font-size : 22px; 
	font-weight:400;
	}

	h1  { 
		font-size : 28px; 
		text-align:center;
	}


	.cbox {
		box-shadow: none;
		border-radius: 0px;
	}

	.column {
	  width: 100%;
	background-color: #fbfbe8;
	}
	.matchheight {
	  background: #DFE0F9;
	}

.video-container {
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


}



/* For mobile */
@media (max-width: 680px) {
  .div2 {     
	height:75px;
  }
 .div3 {
height:75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%; 
     background-image: url('images/header_matchm.png');
  }
}