@charset "utf-8";
/* CSS Document */
.single-service:hover{
  background-color: none;
}
.larg350{
  max-width: 350px;
}
@import url(http://fonts.googleapis.com/css?family=Oxygen);
body{
	font-family: 'Oxygen', sans-serif;
	margin:auto;	
    color: #2F2F2F;
}
h1{
  font-size: 46px;
}

/**BANNER**/

.banner {
  position: relative;
  text-align: center;
}

.banner img {
  display: block;
  width: 100%;
}

.banner-text {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
}

.banner-content {
  background-color: yellow;
  color: black;
  bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 5px;
}
  .main {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
   
  }

  .larg450{
    max-width: 450px;
    margin: auto;
  }
  
  .square {
    width: 50%;
    height: 600px;
  }

  .center{
    margin:auto;
    text-align: center;
  }
  .main{
    color: black;
  }
  .box_padding{
    padding : 100px;
    padding-bottom: 80px;
    text-align: center;
  }
  .box_padding p{
    font-size: 22px;
  }


.bianco {
	color: #fff;
}
  
  .orange {
    background-color: #ff5722;
  }
  .marbre{
    background-image: url("../images/ban.png");
    background-size: cover;
    color : #f2f2f2;
  }
  .marbre_noir{
    background-image: url("../images/marbre_noir.jpg");
    color : #f2f2f2;
    background-size: cover;
  }
  @media screen and (max-width: 768px) {
    .square {
      width: 100%;
      height: 50%;
    }
  }