body{
 background:white;
 color: black;
 font-family: 'Roboto', sans-serif;
 margin: 0;
 padding: 0; 
}

/*Acasa*/
header {
    background-color: white;
    background-image: url("https://constructiisaline.ro/wp-content/uploads/galerii/saline-artificiale-sare-combinata/comb.4...jpg");
    background-size: 100%;
    background-position: center;
    position: relative;
    height: 320px;
   /* padding: 20px; */
    text-align: center;
    }
    
    header h3 {
        background: orangered;
        color: white;
        letter-spacing: 10px;
        font-size: xx-large;
        padding: 5px;
        margin-top: 5px;
        }
    
   .diverse {
        background:white;
        color: rgb(68, 63, 63);
        padding: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
       }
   
    .diverse figure {
       margin: auto;
       /* padding: 15px; */
       text-align: center;
       text-transform: uppercase;
       width: 300px;
       }
       
    .diverse figure p{
       text-transform: /*initial*/ inherit;
       padding: 2px;
       }
       
    .diverse figure img{
      /*  border: 1px solid white;*/
        box-shadow:black 0 0 30px;
        width: 250px;
        height: 250px;
        border-radius: 50%;
       }




       /*Acasa*rgba instead of rgb under header h4*/

header h4{
    background:rgb(255, 255, 255, 0.301); 
    color: white;
    letter-spacing: 10px;
    font-size: xx-large;
    padding: 2px;
    margin-top: 2px;
}

header li a {
background: transparent;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
padding: 5px;
border-style: ridge;
border-radius: 5px;
}
.nav{
position: absolute;
bottom: 30px;
width: 100%;
margin: 0 auto;
}

.noi:hover{  
background-color: orange;
color: white;
}

header .mobile{
    display: none;
}

header .logo {
    background-image: url("/logo.jpg");
    background-size: 250px;
    height: 200px;
    width: 251px;
    top: 10px;
   border-radius: 200%;
    margin-left:40px;       
}

nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

nav li {
 display: inline-block;
 margin-right: 100px;
 text-decoration: white solid;
}

ul li a:hover{
background-color: orangered;
color:white;
}

@media screen and ( max-width: 800px)

{

header {
    height: 250px;
    background-position: 0 -30px;
}

header .mobile {
    display: inline-block;
}

header .desktop{
    display: none;
}

}
@media screen and ( max-width: 600px)

{
header {
     height: 200px;
     background-position: 0 -0px;
 }
}




/*despre noi*/

.desprenoi1{
    background-image: url("https://constructiisaline.ro/wp-content/uploads/galerii/saline-artificiale-sare-combinata/comb.13...jpg");
    height: 350px; 
    }

.img{
 height:-1500px;
 width: -1300px;


}



.video1{
    float: right;
    padding: 20px;
    margin-right: -60px;
    margin-top: -3px;
}

:focus{
outline: none;
}

.beneficii{
   text-align: center;
   background-origin: padding-box;
   padding: 60px;
   text-indent: 5px;
   background-repeat: no-repeat;
   margin-bottom: 2.4%;   
}

.titlu{
    position: relative;
    height: auto;
    width: 550px;
    left: 21%;  
    transform: translateX(-50%);
    font-size: 2.2em;
    font-weight: 550;
    letter-spacing: 1px;
    color:rgb(243, 243, 243);
    border-left: 5px solid orange;
    border-right:5px solid orange;
    background:rgb(255, 128, 0);
}

.texttitlu{
line-height: 30px;
font-size: larger;
width: 720px;
}

    
    

/*despre noi*/
   
 /*produse*/

.produse2{
    background-image: url("https://constructiisaline.ro/wp-content/uploads/galerii/saline-artificiale-sare-combinata/comb.18...jpg");
}
.produse1{
        font-family: "Roboto", sans-serif;
       }
   
.pozaproduse{
          height: 400px;
          vertical-align: middle;
       }
.poze{
           margin: 0;
           padding:0;
           font-family: sans-serif;
       }
      
.main h1{
       position: relative;
       height: auto;
       width: 550px;
       left:50%;
       transform: translateX(-50%);
       margin: 5% 0 2% 0;
       text-align: center;
       font-size: 2.8em;
       font-weight: /*650*/ 700;
       letter-spacing: 1.5px;
       color:lightseagreen;
      /* border-left: 5px solid lightseagreen;
       border-right:5px solid lightseagreen;*/
       background: rgb(0, 0, 0, 0.05);
      }
   
.main p{
       position: relative;
       height: auto;
       width: 100%;
       text-align: center;
       font-weight: 500;
       font-size: 1.5em;
       letter-spacing: 1px;
       color: grey;   
      }
   
.container{
   
    max-width: 1200px;
    margin: auto;
    background: #f2f2f2;
    overflow: auto;
   }
   
.galerie{
    margin: 25px;
    border: 1px solid grey;
   }
   
.galerie img{
   
       width: 100%;
       height: 80%;     
   }
   
.descriere{
   
       padding: 15px;
      text-align: center;
   }
     /*produse*/

/*informatii si contact*/
.contact1{
    background-image: url("https://constructiisaline.ro/wp-content/uploads/galerii/saline-artificiale-sare-combinata/comb.12..-scaled.jpg");
}

.contact1 /*h4*/{
    background:rgb(250, 215, 134, 0.335);
    color: #fff;
    font-size: 35px;
}

.section{
margin: 0;
padding: 0;
background-color: black;
font-family: "montserrat",sans-serif;
}

.contact-section{
    background: rgb(255, 174, 134);
    background-size: cover;
    padding: 40px 0;
}

.contact-section /*h1*/{
    text-align: center;
    color:#34495e;
    font-size:40px;
   font-style: inherit;
}

.border{
    width: 100px;
    height: 10px;
    background: #34495e;
    margin: 40px auto;
}

.contact-form{
 max-width: 600px;
 margin: auto;
 padding: 0 10px;
 overflow: hidden;
 
}

.contact-form-text{
display: block;
width: 100%;
/*box-sizing: border-box;*/
margin: 16px 0;
border: 0;
background: rgb(255, 255, 255);
/*padding: 20px 40px;*/
outline: none;
color: rgb(18, 5, 65);
transition: 0.5s;

}
.contact-form-text:focus{
  box-shadow: 0 0 10px 4px #3e5a75;
}

textarea.contact-form-text{
    resize: none;
    height: 120px;
}

.contact-form-btn{
 float: right;
 border: 0;
 background: #2b3f53;
 color: #fff;
 padding: 12px 50px;
 border-radius: 20px;
 cursor: pointer;
 transition: 0.5s;

}
.contact-form-btn:hover{
    background: #4b96bb;
}

.harta{
    overflow:hidden;
    padding-bottom:30%;
    position:relative;
    height:0;
    } 
.harta iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }

    /*informatii si contact*/

footer {
    background:rgb(92, 0, 0);
    color:white;
    font-size: 20px;
  /*  padding: 10px 10px;*/
    text-align: center;position: fixed; bottom:0; width:100%;
    }