* {
    margin: 0;
  }

  body {
    font-family: Arial, Helvetica;
    background-color: #f5f5f5;
  }

  nav {
    height: 60px;
    width: 100%;
  }

  hr {
    height: 1px;
    background-color: black;
    border: none;
  }

  .info {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    font-size: 20px;
  }

  i {
    color: #6fbc52;
  }

  a {
    text-decoration: none;
    color: black;
  }

  .main-info {
    margin-top: 100px;
  }

  .img {
    width: 50%;
  }

  .main-info {
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    padding: 50px 20px;
    font-size: 30px;
    color: #6fbc52;
  }

  .main-info li {
    list-style-type: none;
    text-transform: uppercase;
  }

  .main-info p {
    font-size: 25px;
    color: #555;
  }

  hr {
    border: 0;
    height: 1px;
    width: 700px;
    float: right;
    background: grey;
    background-image: linear-gradient(to left, grey, grey, #dcdada);
  }

  li:before {
    content: "•";
    color: #6fbc52;
    margin-right: 10px;
    font-size: 30px;
    vertical-align: middle;
  }



    
  footer {
 text-algin: center;
    color: #666;
  }
  

  footer h2 {
    margin: 0;
  }
  
  footer a {
    color: #6fbc52;
  }

 .main-info p {
    color: #6fbc52;
  }

  @media only screen and (max-width: 600px) {

   

    .info {
      font-size: 15px;
      margin-right: 10px;
      text-align: center;
    }

    .main-info {
      width: auto;
      font-size: 20px;
    }

    li:before {
      font-size: 20px;
    }


    .main-info p {
      font-size: 20px;
    }

    hr {
      width: 500px;
    }

    p {
      font-size: 15px;
    }
    
    footer {
    	font-size: 10px;
      	
    }
  }