* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;



  font-family: 'Source Sans Pro', sans-serif;

}



body {

  background-color: rgba(53, 167, 67, 0.4);

}



.text-right {

  text-align: right;

}



.text-center {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
}




h1 {

  font-size: 40px;

  font-family: 'Montserrat', sans-serif;

}

h3 {

  font-size: 25px;

  font-family: 'Montserrat', sans-serif;

}

p {

  margin: 10px 0;

  font-size: 18px;

}



ul {

  margin-top: 1em;

  margin-bottom: 1em;

  padding-left: 40px;

}



.header {

  background: #079344;

  padding: 0 20px;

  border-bottom: 1px solid #ccc;

}



.header img {

  width: 220px;

  margin: 10px 0;

}



.section {

  padding: 20px;

}



.footer {

  padding: 20px;

  background-color: #079344;

  color: #f4f4f4;

}



.btn {

  display: inline-block;

  padding: 14px 18px;

  text-decoration: none;

  cursor: pointer;

  font-size: 20px

}



.btn-red {

  background-color: #fff;

  color: #079344;

}



.btn-green {

  background-color: #079344;

  color: #fff;

}



.btn-header {

  margin: 20px 0;

  padding: 16px 28px;

}



.wrap {

  max-width: 1170px;

  margin: 0 auto;

  width: 100%;

  background-color: #fff;

  box-shadow: 0 2px 20px rgba(0,0,0,0.5);

}



.img-resp {

  width: 100%;

  float: left;

}



.img-box {

  width: 100%;

  box-shadow: 0 2px 6px rgba(0,0,0,0.5);

  border-radius: 4px;

}



.jotform {

  padding: 0 10px;

  border: 1px solid #ccc;

}



.row {

  width: 100%;

}



.row::after,

.row::before {

  content: '';

  display: block;

  clear: both;

}





.col-3 {

  float: left;

  width: 23%;

  margin: 0 1%;

}



.col-4 {

  float: left;

  width: 31.3333%;

  margin: 0 1%;

}



.col-6 {

  float: left;

  width: 48%;

  margin: 0 1%;

}

.col-6-space {

  float: left;

  width: 48%;

  margin: 1%;

}



.col-8 {

  float: left;

  margin: 0 1%;

  width: 64.6666%;

}



.heightScrool {

  height: auto;

}



.col-margin {margin: 1% 1%}



@media screen and (min-width: 750px){

  .btn-header {

    margin: 55px 0;

  }

}



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

  .col-3,

  .col-6,

  .col-4,

  .col-8 {

    width: 100%;

    margin: 0;

  }



  .mobile-none {display: none;}



  .col-6-space {width: 100%; margin: 1% 0;}



  .col-m-6 {

    float: left;

    width: 48%;

    margin: 1%;

  }



  .header,

  .section,

  .footer {

    padding: 0 10px;

  }

  .section {padding: 10px;}

  .btn-header {

    display: block;

  }

  .header {

    text-align: center;

  }



  h1 {

    font-size: 30px;

  }



  .jotform {

    margin: 20px 0;

  }



  .text-right {

    text-align: center;

  }



  .heightScrool {

    height: auto;

  }



}