pre{
    display: none;
}


#enviromental-container{
    height: 100%;
    min-height: 610px;
    overflow-x: hidden;
    display: table;
    width: 100%;
}

section[id*=-container] hgroup {
    margin-left: 10%;
    padding-top: 100px;
    max-width: 800px;
}

hgroup p{
    font-size: 16px;
}

.menu_list li{
    width: 100%;
}

.menu_list li a{
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    cursor: pointer;
}

.right.env{
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #656565;
}

.env-content{
    left: 0;
    display: none;
    padding: 300px 10% 0 10%;
    font-size: 20px;
    text-align: justify;
    color: #fff;
}

.glyphicon-chevron-right{
    float: right;
    transition: all 0.5s;
}

.mobile-env-content{
    display: none;
    padding: 10px 0 10px 20px;
    background-color: #f4f4f4;
}


@media screen and (max-height: 950px){
    .menu_list li a{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-height: 890px){
    section[id*=-container] hgroup{
        padding-top: 70px;
    }
}

@media screen and (max-height: 860px){
    h1.text-uppercase{
        font-size: 26px !important;
    }
    hgroup p{
        font-size: 14px;
    }
}

@media screen and (max-height: 810px){
    #enviromental-container{
        min-height: 100%;
    }
}

@media screen and (max-width: 1300px){
    section[id*=-container] hgroup > h1{
        font-size: 25px !important;
    }
     hgroup p{
        font-size: 14px;
    }
}

@media screen and (max-width: 1100px){
    section[id*=-container] hgroup{
        padding-top: 70px;
    }
    .menu_list.horizontal ul > li > a{
        font-size: 16px;
    }
}

@media screen and (max-width: 992px){
    .menu_list_env{
        margin-right: 10%;
    }
    
    
}