body {color:white;font-family: 'Open Sans';}

      body a {color: #fff;text-decoration: none;}
      .site_head{
            background: linear-gradient(
                     rgba(20,20,20, .5), 
                     rgba(20,20,20, .5)), 
                              url(images/fond_menuisier.jpg) no-repeat center;
            height:100vh;
            opacity:0.8;
            text-align:center;
            width:100%;}
      .site_head_text{padding-top:300px;text-align:center;}
      .tag_line{color: #ddd;font-size: 21px;}
      h1.title_home{font-family:Lato;font-size: 85px;font-weight: 300;color: white;}

      h2{color: #24262a;font-family:Lato;font-size: 60px;margin: 100px 0 ; text-align: center;}

      .button {
            display: inline-block;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            letter-spacing: 1px;
        margin: 20px 10px;color: #fff;
        padding: 10px 30px;
            text-transform: uppercase;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
      }
      .colored_button{background-color:  #6f9a37;border:2px solid transparent;}
      .colored_button:hover {background-color: #30343d;}
      .borded_button{border: solid 2px #fff;}
      .borded_button:hover{background-color:  #6f9a37;border-color:#6f9a37;}

      #menuiserie_services{height:100vh;}


      .services {
            height:auto;
            left:0px;
            overflow: hidden;
            position: relative;
            top:0px;
            text-align:center;
            width: 80%; margin:0px auto; 
      }

        .services_bloc { 
            display:inline-block;
            font-size: 25px;
            height: auto; 
            margin:10px 60px;
            overflow: hidden; 
            position: relative;
            text-align:center;
            vertical-align:middle;
            width: 325px; 
      }

      .visible_services_bloc .bloc_header{
            border-bottom: 2px solid #6f9a37;
            color: #6f9a37;
            font-size: 25px;
            padding: 20px 0;  
      }

      
      .bloc_content{color: #746868;padding: 20px 0;}

      .list_unstyled{list-style:none; padding: 0;}

      #contact_menuiserie_de_la_comte {background-color: #f5f3f3; height:100vh;padding-top: 20px;}
      
      .contacts{
            color: #746868;
            height:auto;
            overflow: hidden;
            left:0px;
            position: relative;
            text-align:center;
            top:0px;
            width: 80%; margin:0px auto; 
      }

      .contacts h3 {margin-top: 40px;}

      .contact_bloc{          
            background-color: #ffff;
            border: solid white 1px;
            border-radius: 10px;
            display:inline-block;
            font-size: 18px;
            height: auto; 
            margin:10px 60px;
            overflow: hidden; 
            padding: 40px 0;
            position: relative;
            text-align:center;
            vertical-align:middle;
            width: 400px; 
      }


      .contact_bloc a {color: #6f9a37;text-decoration: none;}

      .societe, .hebergeur, .accueil {text-align: center;}
      .footer{background-color: #24262a;padding: 40px 0;text-align:center;width:100%;color: white;}
      .mentions_legales{color: #24262a;}
      

      @media (max-width: 1000px) {
        
            .site_head{
                  height: 954px;                  
            }

           .site_head_text{padding:25px 0;text-align:center;}

            .tag_line{color: #ddd;font-size: 18px;margin-top: 40px}

            h1.title_home{font-family:Lato;font-size: 50px;font-weight: 300;color: white;margin: 80px 0;}

            h2{font-size: 30px;margin: 50px 0 ; }

            h3{font-size: 20px;}

            #menuiserie_services{height:none;}

            .services_bloc { 
                  font-size: 15px;
            }
            


            #contact_menuiserie_de_la_comte {height:none;width: 100%;}
      
            .contacts{width: 100%; padding-left: 0px;}

            .contact_bloc{          
                  font-size: 15px;
                  height: auto; 
                  margin: 10px 0;

            
                  
            }


      }