/* CSS Document */
body{
	margin: 0;
	text-decoration: none;
	font-size: 0px;
}
 @font-face{
font-family:"BlackBamboo";
 src:url("../fonts/blackbamboo.woff2") format("woff2"),url("../fonts/blackbamboo.woff") format("woff");
}
.wrapper-newsletter {
position:relative;
display:block;
width: 100%;
float: left;
height: auto;
background-color:#07A568;
}
.slide-bottom-slant {
position: relative;
display: block;
width: 100%;
height: 4vw;
margin-top: -2px;
background-color: #07A568;
	float:left;
clip-path: polygon(
  0 0, /* left top */
  100% 0, /* right top */ 
  100% 100%, /* right bottom */
  0 10% /* left bottom */
  );
}
.wrapper-signup {
position:relative;
display:block;
width:30%;
float: left;
height: auto;
margin: 7vw 35% 7vw 35%;

}
 .image-news {
     position: absolute;
     display: block;
     text-align: center;
     top: 7vw;
     left: 3vw;
     width: 22%;
     height: auto;
     z-index: 20000;
     margin: 0;
     overflow: visible;
}
 .image-news img {
     display: block;
     width: 100%;
     height: auto;
}
 .image-news2 {
     position: absolute;
     display: block;
     text-align: center;
     top: 0;
     right: 7vw;
     width: 17%;
     height: auto;
     z-index: 20000;
     margin: 0;
     overflow: visible;
}
 .image-news img {
     display: block;
     width: 100%;
     height: auto;
}


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

.wrapper-newsletter {
position:relative;
display:block;

}.wrapper-signup {
position:relative;
display:block;
width:30%;
float: left;
height: auto;
margin: 7vw 35% 7vw 35%;

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

.wrapper-newsletter {
position:relative;
display:block;

}.wrapper-signup {
position:relative;
display:block;
width:40%;
float: left;
height: auto;
margin: 7vw 30% 7vw 30%;

}
}

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

.wrapper-newsletter {
position:relative;
display:block;

}.wrapper-signup {
position:relative;
display:block;
width:50%;
float: left;
height: auto;
margin: 7vw 25% 7vw 25%;

}
}

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

.wrapper-newsletter {
position:relative;
display:block;
width: 100%;


}.wrapper-signup {
position:relative;
display:block;
width:96%;
float: left;
height: auto;
margin: 40vw 2% 7vw 2%;
}
	 .image-news {
     position: absolute;
     display: block;
     text-align: center;
     top: 7vw;
     left: 20vw;
     width: 50%;
     height: auto;
     z-index: 20000;
     margin: 0;
     overflow: visible;
}
 .image-news img {
     display: block;
     width: 100%;
     height: auto;
}
 .image-news2 {
     display: none;


}
}