html,
	body {
	    height: 100%;
	}

	body {
	    margin: 0px;
	    padding: 0px;
	    background: #79C255;
	    font-family: 'Montserrat', sans-serif;
	    font-size: 11pt;
	    font-weight: 200;
	    color: #656565;
	}


	h1,
	h2,
	h3 {
	    margin: 0;
	    padding: 0;
	    font-weight: 700;
	    color: #2B3F48;
	}

	p,
	ol,
	ul {
	    margin-top: 0;
	}

	ol,
	ul {
	    padding: 0;
	    list-style: none;
	}

	ul.actions {
	    text-align: center;
	}

	ul.actions li {}

	p {
	    line-height: 180%;
	}

	strong {}

	a {
	    color: #0000FF;
	}

	a:hover {
	    text-decoration: none;
	}

	.container {
	    overflow: hidden;
	    margin: 0em auto;
	    width: 1000px;
	}

	/*********************************************************************************/
	/* Image Style                                                                   */
	/*********************************************************************************/

	.image {
	    display: inline-block;
	}

	.image img {
	    display: block;
	    width: 100%;
	}

	.image-full {
	    display: block;
	    width: 100%;
	    margin: 0 0 2em 0;
	}

	.image-left {
	    float: left;
	    margin: 0 2em 2em 0;
	}

	.image-centered {
	    display: block;
	    margin: 0 0 2em 0;
	}

	.image-centered img {
	    margin: 0 auto;
	    width: auto;
	}

	/*********************************************************************************/
	/* List Styles                                                                   */
	/*********************************************************************************/

	ul.staff {
	    margin-bottom: 3em;
	}

	ul.staff li {
	    display: inline-block;
	}

	ul.staff li img {
	    width: 80%;
	    border-radius: 50%;
	}


	/*********************************************************************************/
	/* Social Icon Styles                                                            */
	/*********************************************************************************/

	ul.contact {
	    margin: 0;
	    padding: 2em 0em 0em 0em;
	    list-style: none;
	}

	ul.contact li {
	    display: inline-block;
	    padding: 0em 0.30em;
	    font-size: 1em;
	}

	ul.contact li span {
	    display: none;
	    margin: 0;
	    padding: 0;
	}

	ul.contact li a {
	    color: #FFF;
	}

	ul.contact li a:before {
	    display: inline-block;
	    background: #3f3f3f;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    border-radius: 20px;
	    text-align: center;
	    color: #FFFFFF;
	}

	ul.contact li a.icon-twitter:before {
	    background: #2DAAE4;
	}

	ul.contact li a.icon-facebook:before {
	    background: #39599F;
	}

	ul.contact li a.icon-dribbble:before {
	    background: #C4376B;
	}

	ul.contact li a.icon-tumblr:before {
	    background: #31516A;
	}

	ul.contact li a.icon-rss:before {
	    background: #F2600B;
	}

	/*********************************************************************************/
	/* Button Style                                                                  */
	/*********************************************************************************/

	.button {
	    display: inline-block;
	    padding: 0em 3em;
	    background: #79C255;
	    border-radius: 8px;
	    letter-spacing: 0.20em;
	    line-height: 4em;
	    text-decoration: none;
	    text-transform: uppercase;
	    font-weight: 400;
	    font-size: 1em;
	    color: #FFF;
	}

	.button:before {
	    display: inline-block;
	    background: #FFC31F;
	    margin-right: 1em;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    border-radius: 20px;
	    text-align: center;
	    color: #272925;
	}

	/*********************************************************************************/
	/* Heading Titles                                                                */
	/*********************************************************************************/

	.title {
	    margin-bottom: 3em;
	}

	.title h2 {
	    text-transform: uppercase;
	    font-size: 2.7em;
	}

	.title .byline {
	    font-size: 1.7em;
	    color: #6F6F6F;
	}

	/*********************************************************************************/
	/* 4-column                                                                      */
	/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4 {
	    width: 235px;
	}

	.box1,
	.box2,
	.box3,
	    {
	    float: left;
	    margin-right: 20px;
	}

	.box4 {
	    float: right;
	}

	/*********************************************************************************/
	/* 3-column                                                                      */
	/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC {
	    width: 320px;
	}

	.boxA,
	.boxB {
	    float: left;
	    margin-right: 20px;
	}

	.boxC {
	    float: right;
	}

	/*********************************************************************************/
	/* 2-column                                                                      */
	/*********************************************************************************/

	.tbox1,
	.tbox2 {
	    width: 575px;
	}

	.tbox1 {
	    float: left;
	}

	.tbox2 {
	    float: right;
	}

	#wrapper {
	    background: #FFF;
	}

	/*********************************************************************************/
	/* Header                                                                        */
	/*********************************************************************************/

	#header {
	    position: relative;
	    padding: 5em 0em;
	}

	/*********************************************************************************/
	/* Logo                                                                          */
	/*********************************************************************************/

	#logo {
	    position: absolute;
	    top: 4em;
	    left: 0;
	}

	#logo h1 {
	    color: #79C255;
	}

	#logo a {
	    text-decoration: none;
	    text-transform: uppercase;
	    color: #79C255;
	}

	/*********************************************************************************/
	/* Menu                                                                          */
	/*********************************************************************************/

	#menu {
	    position: absolute;
	    top: 4.5em;
	    right: 0;
	}

	#menu ul {
	    display: inline-block;
	}

	#menu li {
	    display: block;
	    float: left;
	    text-align: center;
	}

	#menu li a,
	#menu li span {
	    padding: 1em 1.5em;
	    letter-spacing: 1px;
	    text-decoration: none;
	    text-transform: uppercase;
	    font-size: 0.8em;
	    color: #2B3F48;
	}

	#menu li:hover a,
	#menu li.active a,
	#menu li.active span {
	    color: #2B3F48;
	}

	#menu .current_page_item a {
	    border: 2px solid #79C255;
	    background: #79C255;
	    border-radius: 6px;
	    color: #FFF;
	}

	#menu .icon {}

	/*********************************************************************************/
	/* Banner                                                                        */
	/*********************************************************************************/

	#banner {
	    overflow: hidden;
	    padding: 10em 0em;
	    background: url(images/Banner.jpg) no-repeat center;
	    background-size: cover;
	    text-align: center;
	    color: rgba(255, 255, 255, .8);
	}

	#banner .title {
	    margin-bottom: 1em;
	    text-transform: uppercase !important;
	}

	#banner .title h2 {
	    color: #FFF;
	}

	#banner .title .byline {
	    color: rgba(255, 255, 255, .6);
	}

	#banner .button {
	    margin-top: 3em;
	    background: #589937 !important;
	}

	/*********************************************************************************/
	/* Page                                                                          */
	/*********************************************************************************/

	#page {
	    padding: 2em 0em 5em 0em;
	    text-align: center;
	}

	#page .button {
	    margin-top: 2em;
	    display: inline-block;
	    text-align: center;
	}

	/*********************************************************************************/
	/* Content                                                                       */
	/*********************************************************************************/

	#content {}

	/*********************************************************************************/
	/* Sidebar                                                                       */
	/*********************************************************************************/

	#sidebar {}

	/*********************************************************************************/
	/* Footer                                                                        */
	/*********************************************************************************/

	#footer {}

	/*********************************************************************************/
	/* Copyright                                                                     */
	/*********************************************************************************/

	#copyright {
	    overflow: hidden;
	    padding: 5em 0em;
	    border-top: 1px solid rgba(255, 255, 255, 0.08);
	}

	#copyright p {
	    text-align: center;
	    font-size: 1em;
	    color: rgba(255, 255, 255, 0.5);
	}

	#copyright a {
	    text-decoration: none;
	    color: rgba(255, 255, 255, 0.8);
	}

	/*********************************************************************************/
	/* Featured                                                                      */
	/*********************************************************************************/

	#featured {
	    overflow: hidden;
	    padding: 5em 0em;
	    background: #79C255;
	    color: rgba(255, 255, 255, .8);
	    text-align: center;
	}

	#featured a {
	    color: rgba(255, 255, 255, 1);
	}

	#featured .button {
	    background: #FFF;
	    margin-top: 3em;
	    font-size: 1em;
	    color: #79C255;
	}

	#featured .title {}

	#featured .title h2 {
	    color: #FFF;
	}

	#featured .title .byline {
	    color: rgba(255, 255, 255, .6);
	}

	/*********************************************************************************/
	/* Featured                                                                      */
	/*********************************************************************************/

	.box {
	    padding: 3em 2em 2em 2em;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    border-radius: 8px;
	    text-align: center;
	}


	#extra {
	    overflow: hidden;
	    padding: 5em 0em;
	}

	#extra .title {
	    text-align: center;
	}

	#extra .button {
	    margin-top: 5em;
	}

	#extra .fa {
	    display: block;
	    margin-bottom: 0.5em;
	    text-align: center;
	    font-size: 3em;
	}

	.gallery {
	    overflow: hidden;
	    margin-bottom: 3em;
	}

	/*This script is from w3Schools* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_login_form_modal/
body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */
	input[type=text],
	input[type=password] {
	    width: 100%;
	    padding: 12px 20px;
	    margin: 8px 0;
	    display: inline-block;
	    border: 1px solid #ccc;
	    box-sizing: border-box;
	}

	/* Set a style for all buttons */
	button {
	    background-color: #4CAF50;
	    color: white;
	    padding: 14px 20px;
	    margin: 8px 0;
	    border: none;
	    cursor: pointer;
	    width: 100%;
	}

	button:hover {
	    opacity: 0.8;
	}

	/* Extra styles for the cancel button */
	.cancelbtn {
	    width: auto;
	    padding: 10px 18px;
	    background-color: #f44336;
	}

	/* Center the image and position the close button */
	.imgcontainer {
	    text-align: center;
	    margin: 24px 0 12px 0;
	    position: relative;
	}

	img.avatar {
	    width: 40%;
	    border-radius: 50%;
	}

	.container {
	    padding: 16px;
	}

	span.psw {
	    float: right;
	    padding-top: 16px;
	}

	/* The Modal (background) */
	.modal {
	    display: none;
	    /* Hidden by default */
	    position: fixed;
	    /* Stay in place */
	    z-index: 1;
	    /* Sit on top */
	    left: 0;
	    top: 0;
	    width: 100%;
	    /* Full width */
	    height: 100%;
	    /* Full height */
	    overflow: auto;
	    /* Enable scroll if needed */
	    background-color: rgb(0, 0, 0);
	    /* Fallback color */
	    background-color: rgba(0, 0, 0, 0.4);
	    /* Black w/ opacity */
	    padding-top: 60px;
	}

	.modal2 {
	    display: none;
	    /* Hidden by default */
	    position: fixed;
	    /* Stay in place */
	    z-index: 1;
	    /* Sit on top */
	    left: 0;
	    top: 0;
	    width: 100%;
	    /* Full width */
	    height: 100%;
	    /* Full height */
	    overflow: auto;
	    /* Enable scroll if needed */
	    background-color: rgb(0, 0, 0);
	    /* Fallback color */
	    background-color: rgba(0, 0, 0, 0.4);
	    /* Black w/ opacity */
	    padding-top: 60px;
	}

	/* Modal Content/Box */
	.modal-content {
	    background-color: #fefefe;
	    margin: 5% auto 15% auto;
	    /* 5% from the top, 15% from the bottom and centered */
	    border: 1px solid #888;
	    width: 80%;
	    /* Could be more or less, depending on screen size */
	}

	/* The Close Button (x) */
	.close {
	    position: absolute;
	    right: 25px;
	    top: 0;
	    color: #000;
	    font-size: 35px;
	    font-weight: bold;
	}

	.close:hover,
	.close:focus {
	    color: red;
	    cursor: pointer;
	}

	/* Add Zoom Animation */
	.animate {
	    -webkit-animation: animatezoom 0.6s;
	    animation: animatezoom 0.6s
	}

	@-webkit-keyframes animatezoom {
	    from {
	        -webkit-transform: scale(0)
	    }

	    to {
	        -webkit-transform: scale(1)
	    }
	}

	@keyframes animatezoom {
	    from {
	        transform: scale(0)
	    }

	    to {
	        transform: scale(1)
	    }
	}

	/* Change styles for span and cancel button on extra small screens */
	@media screen and (max-width: 300px) {
	    span.psw {
	        display: block;
	        float: none;
	    }

	    .cancelbtn {
	        width: 100%;
	    }
	}

	* {
	    box-sizing: border-box;
	}

	form.example input[type=text] {
	    padding: 10px;
	    font-size: 17px;
	    border: 1px solid grey;
	    float: left;
	    width: 80%;
	    background: #f1f1f1;
	}

	form.example button {
	    float: left;
	    width: 20%;
	    padding: 10px;
	    background: #79C255;
	    color: white;
	    font-size: 17px;
	    border: 1px solid grey;
	    border-left: none;
	    cursor: pointer;
	}

	form.example button:hover {
	    background: green;
	}

	form.example::after {
	    content: "";
	    clear: both;
	    display: table;
	}

	/* profile */
	.profilestructure {
	    width: 100%;
	    height: 100%;
	    display: grid;
	    grid-gap: 10px;
	    grid-template-columns: repeat(4, 200px);
	    justify-content: center;
	}

	.box {
	    background-color: #d4eac8;
	    color: dimgray;
	    border-radius: 5px;
	    padding: 20px;
	    font-size: 150%;
	}


	.item1 {
	    grid-column: 1 / 3;
	    grid-row: 1 / 4;
	}

	.item2 {
	    grid-column: 3 / 20;

	    background-color: #79C255;
	}

	.itema {
	    margin-left: 10px;
	    margin-right: 10px;
	    margin: 0%;
	}