body
 {
 background-color:white;
 margin:0px;
 }
 
 a
 {
 text-decoration:none;
 color:green;
 }
 a:hover
 {color: #0f0;}
 
 
 .menuitem
 {
 color:white;
 border-radius:0px;
 padding:10px;
 font-family: "Poppins";
 }
 
 .menuitem:hover
 {
 
 background-color:white;
 color:#18bf2c;
 transition-duration:0.2s;
 }
 
 .link
 {
 color:#18bf2c;   
 }
 
 .link:hover
 {
 color:#0f0;   
 }
 
 .menucontainer
 {
 color:white;
 border-radius:0px;
 padding:10px;
 font-family: "Oswald";
 display:flex;
 float:right;
 }

 
 .strip1
 {
 position:absolute;
 left:0%;
 top:0%;
 padding:15px 5%;
 width:90%;
 background-color:#18bf2c;
 text-align: center;
 }
 
 .strip2
 {
 padding:20px 5%;
 width:90%;
 background-color:#18bf2c;
 }
 
 .strip3
 {
 padding:20px 5%;
 width:90%;
 background-color:#ddffdd;
 }
 
 .strip4
 {
 position:fixed;
 left:0px;
 bottom:0px;
 padding:10px 50%;
 background-color:#18bf2c;
 }

 .content
 {
 padding:10px 5%;
 color:green;
 font-family: "Poppins";
 }
 
 
 .image1
 {
position: relative;
left:calc(50% - 150px);
 }

  .image2
 {
 position:absolute;
 left:10px;
 top:10px;
 }

 .image3
 {
 position:relative;
 left:calc(50% - 100px);
 }

 .image4
 {
 position:relative;
 left:calc(50% - 100px);
 }
 
 
 .text1
 {
 font-family: "Oswald";
 color:#18bf2c;
 text-align: center;
 margin-bottom: 0px;
 }
 
 .text2
 {
 font-family: "Oswald";
 color:#18bf2c;
 font-weight:300;
 text-align: center;
 margin-top: 0px;
 }
 
 .text3
 {
font-family: "Oswald";
color:#18bf2c;
text-align: center;
margin-bottom: 0px;
 font-weight:500;
 font-size:25px;
 }

 .text4
 {
 font-family: "Oswald";
 color:#18bf2c;
 font-weight:500;
 font-size:25px;
 text-align: center;
 }

 .text5
 {
 font-family: "Oswald";
 color:black;
 font-weight:500;
 font-size:25px;
 text-align: center;
 }

 .text6
 {
 font-family: "Poppins";
 color:green;
 font-weight:500;
 font-size:12px;
 text-align: center;
 }

 .text7
 {
 font-family: "Poppins";
 padding:100px 5%;
 color:#18bf2c;
 font-weight:500;
 font-size:15px;
 }

 
 .quote1
 {
 font-family: "Poppins";
 color:white;
 padding:0px;
 }

 .footmenuitem
 {
 text-decoration:none;
 color:#fff;
 padding:10px;
 background-color:#18cf2C;
 border:none;
 border-radius: 0px;
 font-size:13px;
 display:block;
 z-index:3;
 font-size:20px;
 text-align: center;
 }

 .footmenuitem:hover
 {
 color:#18bf2c;
 background-color: #fff;
 border: 1px solid #18bf2c;
 transition-duration:0.2s;   
 }

 .login
{

text-decoration:none;
color:#000;
padding:10px 10px;
background-color:white;
border:1px solid green;
border-radius: 5px;
font-size:15px;
selection:none;	
margin:0px;
outline:none;
width:90%;

}

.login2
{

text-decoration:none;
color:#000;
padding:10px 10px;
background-color:white;
border:1px solid green;
border-radius: 0px;
font-size:15px;
selection:none;	
margin:5px 0px;
outline:none;
width:90%;

}

label
{
font-size:15px;
}



@media only screen and (max-width: 450px) {	
.image2
{
display:none;
}

.menucontainer
{
display:block;
float: none;
}


	
}


@media only screen and (max-width: 350px) {	
.menuitem
{
font-size:12px;
padding:5px;
}


}