*{
  margin:0;
  /* padding:0; */
}

p {
  margin-top: 15px;
  margin-bottom: 15px;
}

a {
  color: rgb(41, 116, 11);
}

body { 
  height: 100%;
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 18px;
  color: #5F6B72;
}

h1 {
  font-size: 60px;
  line-height: 1.2;
}

img {
  max-width: 100%;
  height: auto
}

#navbar {
  background-color:#f2f2f2;
  position: fixed;
  overflow: hidden;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
}

#navbar a {
  float: left;
  display: block;
  color:  rgb(94, 90, 90);
  text-align: center;
  padding: 17px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
}

#navbar a:hover {
  background-color: rgb(198, 226, 198);
  color: black;
}

#home {
  background-image:url(greenplants2.png);
  font-family: 'Cabin', Arial, sans-serif;
  color: rgb(90, 88, 88);
  text-align: center;
  height: 100vh;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  padding: 0 20px; 
}

#home p {
  font-size: 20px; 
}
 

span {
  color: rgb(41, 116, 11); 
  font-weight: bold;
  
}

#projects {
  background-image:#f2f2f2;
  text-align: center;
    /* min-height: 100vh; */
}

#projects h2 {
    background-color: rgb(114, 150, 114);
    color: white;
    padding: 8px; 
}

.container {
  display: flex;
  padding: 15px;
  justify-content: space-around;
}

.column {
  width: 40%;
  margin: 0 15px;
}

.bold {
  font-weight: bold;
  font-size: 22.5px;
  color: #5F6B72;
}

p.column {
  text-align: center;
}

.par {
  text-align: justify;
}

#about h2 {
  background-color: rgb(114, 150, 114);
  color: white;
  padding: 8px;
  margin-bottom: 20px; 
  text-align: center;
}    

.container2 {
  background: white;
  display:flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 20px;
}

.box {
  text-align: justify;
  font-size: 18px;
  width: 40%; 
}

   
h4 {
  text-align: left;
  text-decoration: bold;
  font-size: 18px;
}

#contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

#contact h2 {
  background-color: rgb(114, 150, 114);
  color: white;
  padding: 8px;
}

#contact h3 {
  font-size: 30px;
  font-family: 'Cabin', Arial, sans-serif;
  padding: 8px;  
}

.smedia {
  font-size: 35px;
  color: rgb(116, 114, 114);
  padding: 7px;  
}

@media screen and (max-width: 600px) {
  .container {
    flex-direction: column;
  }

  .column {
    width: 90%;
  }

  .container2 {
    flex-direction: column;
  }

  .box {
    width: 90%;
  }

}