h3{
  font-size: 20px;
}

.container {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.conte{
  width: 100%;
  height: 250px;
  text-align: center;
  padding: 0;
/*   background-color:#baff4450; */
  margin:0 4px 12px;
  border-radius: 10px;
  border: solid 3px rgb(66, 34, 15);
  transition: all 400ms 0s ease-out;
}
.conte:hover{
  border: solid 3px;
  background-image: none;
  background-color:#baff44;
  .conte-2{zoom: 120%;}
}
.conte-1{
  padding: 4px 0;
  border-radius: 10px 10px 0 0;
  background-color: #bf4;
  text-shadow:1px 1px 0px #fff;
}
.conte-2{
  border-radius: 10px;
  border: 1px solid #fff;
  background-color: #ffffff60;
  height: 30px;
  width: 60%;
  margin: 20% auto;
  color: #aaa;
}
.srvcom-1{
  margin-top: 20px;
}
.srvcom-2{
  line-height: 1.6rem;
  padding: 10px 6%;
}
.tobu{
  text-align: center;
  border: solid 3px gray;
}
.page-css-1{
  border:none;
  border-radius: 0 60px 60px 0;
  background-color: #baff44;
  padding:25px;
  position: relative;
  left:-20px;
  margin: 20px auto;
  box-shadow: 0  5px 5px #888888;
}
.page-css-2{
  padding-right:15px;
}


@media screen and (min-width: 479px) {
  .container {
    display: flex;
    margin-bottom: 16px;
    width: 95%;
  }
  .conte{
    height: 200px;
  }
}