/*****************
****** Todo ******
*****************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;

    font-size: 12px;
}

/*****************
***** banner *****
*****************/

.banner {
 background: url(../img/banner1.jpg)fixed ;
}

/****************
  Servi
****************/

.servi {
  padding: 10em 0;
}

h2 {
  width: 80%;
  margin: auto;
  margin-bottom: 4em;

  font-size: 20px;
  text-align: center;
}

.servi .content {
  width: 80%;
  margin: auto;
  max-width: 1000px;
}

.servi .content h3 {
font-size: 17px;
}

.servi .content ul {
  padding-left: 35px;
}

.servi .content li {
  font-size: 17px;
  color: #444;
}

.servi .content p {
  font-size: 17px;
  margin-top: 15px;
  color: #444;
}

.servi .content .target {
  height: 200px;
  overflow: hidden;
}

.servi .content .target img {
  max-width: 100%;
  transform: translateY(-30%);
}

/******RESPOSIVE******/
  
  @media (min-width: 1024px) {

    /****************
    Servi
    ****************/

    .servi .content {
        width: 60%;
    }

    
  
  
}