.col-1,
.col-2,
.col-2i,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col-1 {
  width: 8.333333333333332%;
}
.col-2 {
  width: 16.666666666666664%;
}
.col-2i {
  width: 20%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333333333%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333333333333336%;
}
.col-8 {
  width: 66.66666666666666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333333334%;
}
.col-11 {
  width: 91.66666666666666%;
}
.col-12 {
  width: 100%;
}


/* Fonts
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */
.center,
.wrapper {
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  overflow: hidden;
}








.home-3-causes .wrapper .top {
  max-width: 730px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 73px; 
}
.home-3-causes .wrapper .top h2 {
  font-size: 51px;
  font-weight: 900;
  text-transform: none;
  margin-bottom: 11px;
}
.home-3-causes .wrapper .top p {
  text-align: center;
}
.home-3-causes .wrapper .items article {
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out ease-in-out 0.3s;
}
.home-3-causes .wrapper .items article img {
  width: 100%;
  height: auto;
}
.home-3-causes .wrapper .items article:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(1, rgba(0, 0, 0, 0)));
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out ease-in-out 0.3s;
}
.home-3-causes .wrapper .items article .text {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  box-sizing: border-box;
  padding: 0 4%;
  z-index: 2;
}
.home-3-causes .wrapper .items article .text h3 {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 2px;
}
.home-3-causes .wrapper .items article .text .string {
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  margin-bottom: 26px;
}
.home-3-causes .wrapper .items article .text .string p {
  text-align: center;
  margin-bottom: 0;
}
.home-3-causes .wrapper .items article .link {
  position: absolute;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out ease-in-out 0.3s;
}
.home-3-causes .wrapper .items article .link:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #f2d300;
  opacity: 0.9;
}
.home-3-causes .wrapper .items article .link:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #7bae4e;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7bae4e), color-stop(1, rgba(0, 0, 0, 0)));
  background: -ms-linear-gradient(bottom, #7bae4e, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(center bottom, #7bae4e 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.9;
}
.home-3-causes .wrapper .items article .link span {
  font-size: 20px;
  color: #7bae4e;
  background: #ffffff;
  width: 59px;
  height: 59px;
  position: absolute;
  z-index: 2;
  left: 0;
  margin-left: -59px;
  top: 50%;
  margin-top: -29.5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  line-height: 59px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out ease-in-out 0.3s;
}
.home-3-causes .wrapper .items article:hover {
  -webkit-box-shadow: 0 7px 0 0 #ffd800;
  -moz-box-shadow: 0 7px 0 0 #ffd800;
  box-shadow: 0 7px 0 0 #ffd800;
}
.home-3-causes .wrapper .items article:hover:before {
  background: #7bae4e;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7bae4e), color-stop(1, rgba(0, 0, 0, 0)));
  background: -ms-linear-gradient(bottom, #7bae4e, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(center bottom, #7bae4e 0%, rgba(0, 0, 0, 0) 100%);
}
.home-3-causes .wrapper .items article:hover .link {
  opacity: 1;
}
.home-3-causes .wrapper .items article:hover .link span {
  left: 50%;
  margin-left: -29.5px;
}

.margin_left{ float:left !important; margin-left:20px !important;}




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

.col-3 {
  width: 100%;
}
	
	
	}