body,html{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #222;
    background-color: #e6e6e6 !important;
    
}

#lang_icon{
    font-size: 7pt;
    text-align: center;
}

#slides2{
   
    height: 621px !important;
}

#slides3{
    margin-top: 70px !important;   
    height: 950px !important;
}


.navbar-nav li{
    padding-right: 10px;
    padding-left: 10px;
}

.navbar-nav li:hover{
    box-shadow: 2px 2px 2px 2px rgb(37, 44, 39);
}
.nav-link{
    font-size: 1.1 em !important;
    color: #000 !important;
}

.navbar-nav{
    top: 50%;
}


.carousel-inner{
    margin-top: 0px;
    height: 100%;
}

.carousel-inner img{
    height: 100%;
}

.carousel-caption{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-60%);
    text-shadow: 1px 1px 10px #000;
    text-align: left;
    
}

.carousel-caption .display-5{
    font-size: 2em;
}


@media (min-width:1500px){
    body{
        width: 1920px;
        height: 583px;
    }
}


@media (max-width:700px){
    .carousel-caption .display-5{
        font-size: 1.5em;
    }
    #main_refs{
        display: none !important;
    }
    #footer_text2{
        max-width: 100% !important;
    }
    #main_caption {
       margin-left: 0% !important;
       left: 2% !important;
       top: 45%;
    }
}
@media (min-width:701px){
    #main_caption{
        margin-left: 7% !important;
        top: 50%;
    }
}

@media (min-width:1400px){
    .carousel-inner img{
        transform: translateY(-20%);
        width: 100%;
    }
    #container_labs{
        width: 1300px !important;
    }
    #perons_row{
        margin-top: 50px !important;
        margin: 10px;
        margin-left: -150px;
        width: 100%;
        width: 1400px;
    }
   
    
   
}

#history_t3{
    max-width: 1380px !important;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 250px;
  
}


.container-fruid{
    width: 100%;
}

@media (max-width:700px){
    .carousel-caption .display-5{
        font-size: 1.5em;
    }
}
@media (min-width:1400px){
    .carousel-inner img{
        
        width: 100%;
    }    
}
.carousel-caption hr{
    border-top: 2px solid rgb(255, 255, 255);
    width: 10%;
    margin-left: 0px;
}


footer{
    background-color: #2e5458;
    height: 300px;
    margin-bottom: 0px;
}

.footer-text2{
    
    color: #fff;
    text-align: left;
    width: 60%;
    font-size: 0.8em;
}

.footet-text1{
    margin-top: 20%;
    color: #fff;
    text-align: left;
    font-size: 2em;
}

.col-3 img{
    margin-top: 20%;
}


.col-3 .card-img:hover{
    box-shadow: 8px 8px 8px rgb(158, 216, 175);
}

.card-img-top {
   
    object-fit: cover;
    object-position: 100% 0;
    height: 215px;
   
  }

#body_container{
    margin-top: 0px;
  }

.card-img-top:hover{
    opacity: 1;
    transform: scale(1);
    background: rgba(0, 0, 0, 0.71);
}

.histiry_t1{
    margin-left: 300px;
    margin-top: 70px;
}
#history_t2{
    margin-top: -50px;
    width: 586px;
    color: #222;
    text-shadow: 1px 1px 10px rgb(240, 240, 240);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #ddeef0;
}