*{
	 margin:0;
	 padding:0;
	 list-style:none;
	 text-decoration:none;

 }
 .container{
	 padding:1px;
	 box-sizing:border-box;
 }
 .header{
	 background-image:linear-gradient(to top right,green,white);
	 clip-path:polygon(0% 0%, 100% 0%,100% 80%,0% 100%);
	 background-size:cover;
	 height:100vh;
	 padding:1px;
	 box-sizing:border-box;
	 text-transform:uppercase;
 }
 .logo{
	 float:left;
	 height:10%;
	 width:10%;
	 margin:2% 2%;
 }
 .logo img{
	 width:100%;
	 height:100%; 
 }
 .nav ul{
	float:left;
    margin:2% 2%;
width:80%;	
 }
 .nav ul li{
	 float:right;
	 background-color:white;
	 margin:2.5% 2.5%;
	 border:1px solid white;
	 padding:1% 1.5%;
	 color:green;
	 box-shadow:2px 13px 15px 5px;
	 border-radius:20px;
	 outline:none;
	 font-weight:bold;
	 font-size:2.5vh;
 }
 .clear{
	 clear:both;
 }
 a{
	text-decoration:none;
	color:green;
    font-family: 'Josefin Sans', sans-serif; 
 }
 .nav ul li:hover{
	 background-image:linear-gradient(to top left ,green, white);
	 color:white;
 }
 .nav ul li a:hover{
	 color:white; 
 }
 .hero{
	 text-align:center;
	 margin:5%;
	 text-transform:uppercase; 
 }
 .hero h1{
	 font-family: 'Josefin Sans', sans-serif;
	 margin:4% 0%;
	 font-size:8vh;
	 letter-spacing:5px;
	 font-weight:bold;
	 color:white;
 }
 .hero p{
	  font-family: 'Josefin Sans', sans-serif;
	  font-size:3vh;
	  margin:2%,0%;
	  color:white;
 }
 .form{
	 margin:3% auto;
 }
 input{
	 font-size:3vh;
	 width:30%;
	 padding:1% 1%;
	 border-radius:20px;
	 outline:none;
	 box-sizing:border-box;
	 font-weight:bold;
 }
 input:focus{
	 box-shadow:2px 13px 15px 5px;
 }
 .btn{
	 padding:1% 1.8%;
	 color:green;
	 border-radius:20px;
	 font-weight:bold;
	 margin:0% 2%;
	 outline:none;
 }
 .btn:hover{
	 box-shadow:2px 13px 15px 5px white;
 }
 .services{
	  background-image:linear-gradient(to top left, green, white);
	  width:100%;
	  height:70vh;
	  padding:1px;
	  box-sizing:border-box;
 }
 .s-text{
	 text-align:center;
	 margin:4% auto;
	 color:white;
	 font-family: 'Josefin Sans', sans-serif;
	 text-transform:uppercase;
 }
 .s-text p{
	 font-size:4vh;
	 text-transform:uppercase; 
	 font-weight:bold;
	 letter-spacing:5px;
 }
 .s-text h1{
	 font-size:8vh;
	 margin:2% 0%;
	 font-weight:bold;
	 letter-spacing:5px;
 }
 .box{
	 float:left;
	 height:40%;
	 width:24%;
	 margin:1% 4%;
	 box-shadow:5px 5px 5px 5px gray;
padding:1px;
box-sizing:border-box;
background:white;
text-align:center;	 
 }
.box:hover{
	box-sizing:border-box;
	color:grey;
	cursor:pointer;
}
.box .fas{
	color:green;
	font-size:3vh;
	text-align:center;
	margin:3% 0%;
}
.fas h3{
	text-align:center;
	margin:6% auto;
	
}
.box p{
	text-align:center;
	margin-top:15px;
}