body {
    font-family: 'Raleway', sans-serif;
    background-color: #ffe8d1;
    margin: 0 auto;
    font-size: 16px;
}



/* Ajustari Apr 2024 */

.car-div{
    display: grid;
    width: 100%;
    text-align: center;
    justify-items: center;
}
.href-links a{
    color: #A46855;
}
.href-links a:hover{
    color: #FF8863;
}

/* End ajustare Apr24 */

/* Nav Bar */


.nav {
    max-width: 100vw;
    height: 4em;
    justify-content: space-between;
    align-items: center;
    background-color: #003947;

}

.meniu { 
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meniu img {
    width: 3em;
    display: flex;
    padding-left: 1em;
}

.list {
    display: flex;
    list-style-type: none;
   
}

.list-itm {

    padding-right: 1em;
}

.list-itm a {
   
    color: #ffe8d1;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.7em;
     
}



/* Nav Bar End */

/* Main Area */
.wraper {

    margin: 3em 1.5em 7em 1.5em;
    box-sizing: border-box;
}
.w2p {
    margin: 3em 1.5em 3em 1.5em;
}

.header1 {
    text-align: center;
 
}


.eu {
    margin: 0 auto;
    text-align: center;
    
   
    
   
}
.eu img {
    max-width: 90vw;
    max-height: 15em;
    
}


/* Header 2 */

.eu2 img {
    max-width: 100%;
    max-height: 100%;
}

.imgsec2 img{
    max-width: 100%;
}
.ceu img {
    margin-top: 3em;
}
.extra {

    padding: 2em 1.5em 1em 1.5em;
}

.art2 {
    margin:3em 0 6em 0;
    }

/* End of Header 2 */

/*  H tags */

h6 {
    margin-top: 0;
    margin-bottom: 0em;
    
}

h1{
    margin-bottom: 0.2em;
    
}

h2{
    
    margin-bottom: 0.2em;
}





.btn {
    color: #FFEBE4;
    text-decoration: none;
    
}
.btnb {
    display: flex;
    text-align: center;
    justify-content: center;
    background-color:#B27561;
    text-align: center;
    width: 8em;
    padding: 0.8em 2em;
    margin: 0 auto;
    border-radius: 20em;
    border: 2px solid #453523;
}
  
/* End of Contact Form */

/*  Footer */

footer {
    display: grid;
    max-width: 100vw;
    height: 8em;
    background-color: #003947;
    margin-top: 5em;
    text-align: center;
    align-items: center;
    color: #ffe8d1;
    justify-content: space-between;
    font-size: 0.8em;
    grid: 'logo meniu contact'
        'copyr copyr copyr' ;
    
    

}
.copy {
    display: grid;
    grid-area: copyr;
    background-color: #61cfde;
    height: 1.5em;

    color: #003947;
    align-items: center;
}
.flogo {
    display: grid;
    max-height: 100%;
    grid-area: logo;
}
footer img {
    display: grid;
width: 4em;
}


.flist {
    display: grid;
    grid-area: meniu;
    padding: 0;
    margin: 0 auto;
    
    
}
.fcta {
    
    display: grid;
    grid-area: contact;
}
#fcta {
    
    padding: 1em 2em 1em 0;
}

.fmeniu ul li {
    padding-bottom: 0.5em;
    list-style: none;
    margin: 0 auto;
 
   
}
.fmeniu  ul li a {
    text-decoration: none;
    color: #ffe8d1;
   
}


/* End of Footer */


/* Carousel */

.car {
    display: inline;
    height: 10rem;
    position: relative;
    width: 75%;
    padding-top: 30%;
    /* margin: 1em ; */
    max-width: 100%;
    text-align: left;
    float: left;
    
  }

  .car  span {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #111111;
    z-index: 1;
    opacity: 0;
    transition: all 1s ease-in-out;
    box-shadow: 5px -3px 12px 0px rgba(0,57,71,0.3);
    
    
  }


  /* .car span:hover {
    opacity: .0;
  } */
  .car span:after {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    vertical-align: center;
    width: 90%;
    height: 90%;
    border: 1px solid white;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 3;
  }

  .carousel  {
    position: absolute;
    top: 0%;
    width: 100%; 
    height: 100%;
    object-fit: fill;
    float: left;
  }


  .car br {
    clear: both;
  }

  .poze {

    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    row-gap: 2rem;
    width: 100%;
    /* flex-wrap: wrap; */
    

}
footer {

    clear: both;
}


  /* End of Carousel */




@media screen and  (min-width: 575.98px) and (max-width: 767.98px) {

    /* header2 */
    * {
        font-size: 1.1em;
    }
    .eu2 {
        text-align: center;
        padding-bottom: 1.5em;
    }


    .extra {

        padding: 0 3em 0 3em;
    }

    .poze {
        
        /* margin-left: 3em; */
    
    }

}


@media screen and (min-width: 768px) and (max-width: 1200px) {

    body {
        font-size: 1.4em;
    }

    .poze {
        
        /* margin-left: 3em; */
    
    }

    .header1 {

        margin: 0 5em 0.5em 5em;
        padding-bottom: 0;
    }

    /* header2 */
    .art2 {
        display: flex;
        flex-flow: column;
         margin-bottom: 7em;
     }
     
     .eu2 {
         height: 20em;
         background-image: linear-gradient(#ffe8d1, #61cfde,#61cfde, #ffe8d1);
         text-align: center;
         align-items: center;
     }
     
     .eu2 img {
        margin: 0;
        max-height: 100%;
     }
     
     /* carusel */
  
     /* .car span {
        opacity: .7;
      } */
     
     .wraper {
         margin-bottom: 7em;
         
     }
     
     
     .finisaj {
         padding: 1.3em 6.5em 0 6.5em;
         
     }
     footer img {
        max-width: 100%;
    }


}


@media screen and (min-width: 1200px) { 

    body {
        font-size: 1.7em;
    }

    .list-itm a {
        font-size: 0.5em;
         
    }
     /* carusel */
     .car span {
        opacity: .7;
      }
      .poze {
  
        justify-items: center;
    
    }
    /* Main */
    .wraper article{
        margin: 0  auto;
        max-width: 90vw;
        align-items: center;
        
        margin-top: 8rem;
     }
    
     .h1img {
        display: flex;
       
     }

     .wraper .header1 {
        display: flex;
        flex-flow: column;
        padding: 0 8em  0 0;
        margin-left: 0;
     }

     #extra {
        padding :  0 5em 0 5em;
        }
     



    footer img {
        max-width: 100%;
    }

    .imgsec{
        transition: transform .5s;
        
    }
    .imgsec:hover {
        transform: scale(1.1)
    }

    /* heading 2 */
    .art2 {
        display: flex;
        flex-flow: column;
         margin-bottom: 7em;
     }
     
     .eu2 {
         height: 15em;
         background-image: linear-gradient(#ffe8d1, #61cfde,#61cfde, #ffe8d1);
         text-align: center;
     }
     
     .eu2 img {
         max-height: 100%;
     }
     .car {

        margin: 1em;
     }
     #portWeb {

        content:url(../images/webdesign-si-cercetari.png);
        margin: 0;
    }
     
     .wraper {
        margin: 0 auto;
         margin-bottom: 7em;
         
         
     }

     .extra {

        padding: 5em 5em 0 5em;
    }




}