/*Utility*/

.floatleft {float: left;}
.floatcenter {float: center;}
.floatright {float: right;}
a:visited {color: black;}

input[type=text],input[type=email]{width: 250px; height: 50px;padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 1px solid gray;border-radius: 4px;}

body{font-family: 'Lato', sans-serif; margin-top:0; margin:0; padding:0; padding-top:0;}
/*Structure*/

#Master{margin-left:auto; margin-right: auto;}

header{background: #FFFFF0; position: fixed; height: 60px; width: 100%;z-index: 2}
	#logo {width:200px; height:60%; padding-top: 7px;float: left; background: #FFFFF0; font-size: 40px; font-weight: bold}
	nav{float:left; margin-left: 550px;}
	nav li {display: inline; margin-right: 20px; /*font-weight: bold; */font-size: 18px; }
	nav li a {color:black; text-decoration: none;}
	nav li a:hover{color:#0ee295;}

section.hero{ width: 100%; height: 760px; background: #ffffff; padding: 5px 0; margin-bottom: 5px;}
	.heroimage{width:600px; height:780px; float:left; margin: 20px 0 0 0px;z-index: 0; position: relative;}
	.herocontent{width: 600px; float: left; margin-left: 20px; margin: 40px 0 0 0px; padding-top: 20px; background:white;}
	section.hero h1{ font-size: 40px; margin-bottom: -10px; }
	section.hero p{margin-bottom: 10px; font-size:20px; }
	section.hero .button1{background: #0ee291; border: 0px; width:250px; margin: 10px 5px 0 0;}
	.button1 a{text-decoration: none; color:black;}
	.button1 a:hover{color:#ffffff;}
	section.hero .button2{background: #cccccc; border: 0px; width:250px; margin: 10px 5px 0 0;}
	.button2 a{text-decoration: none; color:black;}
	.button2 a:hover{color:#ffffff;}

section.features{width: 100%; height: 600px; background: linear-gradient(#0ee295,white); background-size: 100% 100%;margin: 0 auto; padding: 40px 0 ; z-index: 3; padding-bottom: 10px}
section.features h2{font-size: 40px; text-align: center; padding-top: 30px; margin-bottom: -20px; z-index: 1;}
section.features h3{font-weight: normal; text-align: center;margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: bold; }
section.features h4{font-weight: normal; text-align: center; margin-bottom: 30px; font-size: 20px}
section.features aside{ height: 450px; float: left; text-align: center; margin: 0 1.5%; width: 22%; background: #cccccc;}
section.features aside img{width:100%; height: 200px; background: #ffffff;}


section.organize{width:100%; height: 660px; background:#ffffff; padding: 10px 0 10px 0 ;}
section.organize img{ width: 300px; height: 440px; float: left; margin-left:20px; margin-right: 20px; margin-top: 90px;background: white;}
.organizecontent{float: left; margin-left:20px; width:430px; margin-top:52px;}
.organizecontent2{float: left; margin-right:20px; width:430px; margin-top:52px;}
section.organize ul {list-style-image: url('images/checkmark.png');}
section.organize h2{font-size: 34px; padding-bottom: -10px;}


section.share{height: 680px; background:#FFFFFf; margin: 0 auto;}
 section.share img{height: 600px; float: right; margin-left:20px; margin-top: 0px;background: white; }
section.share ul {list-style-image: url('images/checkmark.png');}
section.share h2{font-size: 34px; padding-bottom: -10px;}
.sharecontent{float: left; margin-left:40px; width:460px; margin-top:-20px;}

section.get{ width:100%; height: 200px; background:#0ee295; padding: 5px 0;}
section.get h2{font-size:30px; float:left; margin-left:60px; margin-top: 80px; padding-right: 60px}
section.get .button1{margin-right:60px; margin-top: 80px;}
section.get input{margin-top:80px;}


footer {background-color: #FFFFF0; bottom: 0px; height: 120px; width: 100%;z-index:10;padding: 1px 0 ; text-align: left;}
 footer ul{list-style: none}
 footer h4{margin-bottom: 3px; font-weight: bold;}
 footer ul li a:hover{color: white}
    .footer-contact {float: left;width:20%; text-decoration: none; padding-left: 20%;}
    .footer-contact a:hover {color: #fe0000; }
    .footer-links {position: relative;float: left; margin: 0; }
 .footer-legal {position: relative; float: left; margin: 0; }

.padding-top-100{ padding-top: 100px;}
.footercontainer{width: 940px; height: 100%; background: #FFFFF0 ; margin: 0 auto;}
.container {width: 940px; height: 100%; background: #0ee295 ; margin: 0 auto;}
.headingcontainer {width: 1200px; height: 100%; background: #FFFFF0 ; margin: 0 auto;}
.herocontainer {width: 1200px; height: 100%; background: #ffffff ; margin: 0 auto;}
/*.currentlandscapecontainer {width: 1000px; height: 100%; background: #ffffff ; margin: 0 auto;}*/
.joincontainer{width: 1000px; height: 100%; background: #0ee295 ; margin: 0 auto;}


.button1{width: 150px; background: #ffffff; text-align: center; color: black; padding: 14px 15px 15px;
margin: 30px 5px 0 0; border: 1px solid #ffffff; border-radius: 5px; cursor:pointer;}
.button2{width: 150px; height:18px; background: #ffffff; text-align: center; color: black; padding: 14px 15px 15px;
margin: 30px 5px 0 0; border: 1px solid #ffffff; border-radius: 5px; cursor:pointer;}


/*Unique for free_content page */
section.organizefree{ width:100%; height: 900px; background:#ffffff; padding: 10px 0;}
section.organizefree img{ width: 40%;float: left; margin-left:20px; margin-top: 30px;background: white; }
section.organizefree ul {list-style-image: url('images/checkmark.png');}
section.organizefree h1 {font-size: 30px; }
section.organizefree .button2{background: #0ee295; border: 0px; width:300px; margin: 30px 5px 10px 0; float: center;}

/*About Us Page*/
section.aboutus img{width:250px;}
section.aboutus{ width: 100%; height: 700px; background: #ffffff; padding: 80px 0; margin-bottom: 5px; margin-left: 15px; text-align: center;}
.organizeaboutus{float: left; margin-left:20px; width:430px; }
section.aboutus li{text-align: left;}
/*Products Page*/
section.products img{width:250px;}
section.products{ width: 100%; height: 700px; background: #ffffff; padding: 80px 0; margin-bottom: 5px; margin-left: 15px; text-align: center;}
.organizeproducts{float: left; margin-left:20px; width:430px; }
section.products li{text-align: left;}


/* MOBILE DEVELOPMENT*/
@media only screen and (max-width:760px){

body{font-family: 'Lato', sans-serif;
 margin-top:0;
    padding-top:0;}

    a:link{color:black;}
       a:visited{color:black;}

    .button1{width: 150px; height:18px; background: #0ee291; text-align: center; padding: 14px 15px 15px;
	margin: 30px 5px 0 0; border: 1px solid #ffffff; border-radius: 5px; cursor:pointer;}

section.instagram{background-color: #ffffff;width: 100%; align-items: center; padding-top: 60px}
section.instagram h1{font-style: bold;}
section.instagram img{ width: 60%;}
section.instagram .button1{background: #0ee291; border: 0px; width:300px; margin: 10px 5px 0 0; align-items: center;}


section.instagramemail{background-color: #ffffff;width: 100%; align-items: center; padding-top: 60px}
section.instagramemail h1{font-style: bold;}
section.instagramemail img{ width: 60%;}
section.instagramemail .button1{background: #0ee291; border: 0px; width:223px; margin: 10px 5px 0 0; align-items: center;}

.notice{padding: 0.25rem 1rem;}