html{overflow-x: clip;}
body{overflow-x: clip;}

.bativert{width:100%;
    height: 400px;
  background-image:url(IMAGE/IMG-20210218-WA0021.jpg);
  background-repeat: no-repeat;
  background-position:center;
background-size: 50%;}

@media(min-width:1000px){
    .mur
     {height: 600px;
         width: 200px;
     background-image: url(IMAGE/MUR\ BRIQUE.jpg);
     background-repeat: no-repeat;
     margin-top: -400px;
     }}
     @media(min-width:1000px){
     .mur2
     {height: 600px;
         width: 260px;
     background-image: url(IMAGE/MUR\ BRIQUE.jpg);
     background-repeat: no-repeat;
     margin-top: -600px;
      margin-left: 1060px;}}
     


.vert
{color:green;

font-size: 26px;
font-family: "Saira Stencil One", sans-serif;
font-weight: 400;
font-style: normal;
 position: absolute;
margin-top:-200PX;
margin-left: 230px;
width: 800px; }
  
.rouge
{margin-top: -160px;
margin-left: 200px;
font-size: 12px;
color: red;  
margin-left: 250px;
width: 800px;  
}
.rouge p{font-size: 21px;
font: bold;}               

.navbar-nav > li > a
    {font-size:22px;
        font-weight: 600;
        background-color: red;
        color: white;
        margin-top: -0px;
    margin-left: 30px;}

    h1{text-align: center;
    color: red;
font-weight:bold;
margin-top: 50px;
font-family: "Pridi", serif;
font-weight: 400;
font-style: normal;
}
  
 @media(min-width:1000px){
.navbar{ background: rgb(21,97,58);
            background: linear-gradient(0deg, rgba(21,97,58,1) 0%, rgba(72,189,65,1) 100%);
margin-top: 120px;
width: 110%;
}}

@media(max-width:480px)
{.navbar-nav > li > a {font-size: 14PX;
font-weight: 600;}}

@media screen and (min-width: 950px) {
    .nav-link{color: aliceblue;
    font-size: 22PX;
  font-weight: 500;
margin-left: 40px;
font-family: "Pridi", serif;
font-style: normal;
}}


@media screen and (min-width: 950px){
    .nav > li > a:hover{color: red; }}   

      
    @media screen and (min-width:300px) and (max-width:950PX){
        .nav{display: block;
        background-color: green;
    width: 50%;} }
    
        .nav > li > a{color: white;}

.navbar-toggler{color: red}
.navbar-toggler-icon{color:red;}


@media(max-width:480px){

    .bativert{margin-top: -70px;
    margin-left: 0px;}
   }
   @media(min-width:1000px){
    .bativert{background-size: 35%;
    margin-left: 0PX;}
   }

  @media(max-width:480px){
    .vert p{margin-top:60px;
    margin-left: -200px;
    width: 40%;
    font-weight: 100;
    font-size: 14px;
text-align: center;}} 
    @media(min-width:760PX){
        .vert  {margin-top: -50px;
        margin-left: 110px;}}
    
        @media(min-width:760PX){
        .vert p{font-size: 19px;}}
  
  
        @media(min-width:1000px){
            .vert{margin-top: -240px;
            margin-left: 320px;}
            .vert p {font-size: 20px;}
        }
  
        @media(max-width:480px){
          .rouge p{margin-top:60px;
          margin-left: -260px;
          width: 50%;
          font-weight: 800;
          font-size: 10px; 
        font-style: italic;
    text-align: center;}}
        
          @media(min-width:760PX){
              .rouge{margin-top: -30px;
              margin-left: 130px;}
              .rouge p {font-size: 14px;
            font-style: italic;
            font-weight: bold; }
          }
        
          @media(min-width:1000PX){
              .rouge{margin-top: -200px;
              margin-left: 340px;
            }
          }
          @media(min-width:1000PX){
              .rouge p{font-size: 15PX;
            font-weight: bold;}
          }
         
          input[type="text"]
          {color: #1b030a;
            border-radius: 50PX;
            border: solid 5px;
            border-color:green;
            height:40px;
            width: 350px;;
            margin-top:  60px;
            margin-left: 37%;}
            
            input[type="email"] {color: #1b030a;
                border-radius: 50PX;
                border: solid 5px;
                border-color:green;
                height:40px;
                width: 350px;
                position: absolute;
                margin-top: 10PX;
                margin-left: 37%;}

           


        textarea{
            margin-top: 30px;
        border-radius: 50px;
    border: solid 5px;
border-color: green;
width: 550px;
margin-left: 30%;}

       
input[type="submit"]
{position: absolute;
margin-top: 50px;
margin-left:  650px ;
height: 40px;
width: 150px;
border: solid green;
border-radius: 50px;
color:white;
font-family: "Pridi", serif;
font-weight: 400;
font-style: normal;
background-color:red;
font-weight: bold;}
@media(max-width:480px){
    input[type="text"]
    {width: 230px;
    margin-left: 70PX;} }

    @media(min-width :760px){
        input[type="text"] {margin-left: 230PX;}   
    }  


    @media(min-width:1000px){
        input[type="text"] 
        {margin-left: 460PX;}         
}
@media(max-width:480px){ 
     input[type="email"]{
        margin-top: 20px;
        margin-left: 70PX;
        width: 230px;
     }
    }
    


    @media(max-width:480px){
        textarea {width: 340px;
        height: 210Px;
    margin-left: 15PX;}}

    @media(min-width :760px){
    textarea{margin-left:17%;
    }}
    @media(min-width:1000px){
        textarea{ margin-left: 360px;}   
    }

    @media(max-width:480px){
        input[type="submit"]
        {margin-left: 120px;
        margin-top: 0px;}   
    }
    @media(min-width :760px){
        input[type="submit"]
        {margin-left: 43%;}   
    }
  
    



@media(min-width :760px){
 input[type="email"] {
        margin-left: 30%;}}
        @media(min-width:1000px){
            input[type="email"] {margin-left: 460PX;}   
        }          

 
    footer
{width: 100%;
height: 230px;
margin-top: 130px;
background: rgb(21,97,58);
background: linear-gradient(0deg, rgba(21,97,58,1) 0%, rgba(72,189,65,1) 100%);

font-family: "Pridi", serif;
        font-weight: 400;
        font-style: normal;}

h3{color:white;
text-align: center;
font-size: 38px;
font-weight: 400;
font-family: "Pridi", serif;
       
        font-style: normal;
}
@media( max-width:480px){
    footer h3 {font-size: 26px;
 margin-top: -50px;

 }
 }
 
 @media (max-width: 480px){
 footer{margin-top: 1000px;
 width: 380PX;
 height: 170px;}}
 
 
 @media(min-width :760px){
 footer{margin-top: 230px;
 width: 100%;}
 }
 @media(min-width:1000px){
     footer{margin-top: 200px;}
 }
 .mail p{ margin-top: 20px;
 color: beige;
 font-weight: 850;
 text-align: center;
 font-family: "Pridi", serif;
   font-size: 22px;      
         font-style: normal;;}
 @media  (max-width: 480px){
 .mail P{font-size:14px;
    }}
 
 .tel p{margin-top: -20px;
     color: yellow;
 font-weight: 700;}