#wrapper_main{

    background-color: #222623;
    height:100%;


}


#navigation_top{


    min-height: 5em;
}

.nav_top{


    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    justify-content: space-between;

}



.nav_item a{

    color:white;
    font-family: Calibri, sans-serif;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: lighter;

}

.nav_item p{

    text-align: center;

}

.nav_item{
    margin-top: 1em;
    margin-left: 5.5em;
    margin-right: 5.5em;

}

#video_container{


}

#video video{

    max-width: 100%;
    width: 100%;
    height: auto;
}

.video_text{

    position: absolute;
    font-family: Calibri, sans-serif;
    font-size: 6em;
    color:purple;
    font-weight: 300;
    margin-top: 1em;
    margin-left:1em;
}

.video_text_bottom{

    position: absolute;
    font-family: Calibri, sans-serif;
    font-size: 2em;
    color:darkslategray;
    font-weight: 300;
    margin-top: 6em;
    margin-left:20em;
}

#main_content{

    margin-top: 3em;
}

.header_content{

    font-family: Calibri, sans-serif;
    font-size: 8rem;
    color: white;
    font-weight: lighter;
    text-align: center;
}

.main_container{

    margin-top: 8rem;
}

.main_container_left img{

    max-width: 80%;
    margin: 0 auto;
    display: block;
    filter: grayscale(100%);
}

.main_container_right img{


    max-width: 80%;
    margin: 0 auto;
    display: block;
    filter: grayscale(100%);
}

.main_container_right img:hover, .main_container_left img:hover{

    filter: grayscale(0%);
    cursor: pointer;
}

.container_info{

    width: 80%;
    margin: 0 auto;
    display: block;
    background-color: dimgrey;

}

.container_info p{

    font-family: Calibri, sans-serif;
    font-size: 2.4rem;
    color: white;
    text-align: center;
    font-weight: lighter;
}

#way{

    margin-top: 3rem;


}

.way_header{

    font-family: Calibri, sans-serif;
    font-size: 8rem;
    color: white;
    text-align: center;
    font-weight: lighter;

}

#way_container{

    margin-top: 3rem;
}

#references{


}

.reference_header{

    font-family: Calibri, sans-serif;
    font-size: 8rem;
    color: white;
    text-align: center;
    font-weight: lighter;

}


/*NAVIGATION_----------------------------------------------------------*/

#nav_detail{
    position: absolute;
    background-color: white;
    left:0;
    right:0;
    height:30rem;
    z-index: 3;
    padding: 1rem;
    display: none;

}

#nav_detail.active{

    display:flex;
}

.way_one, .way_three{


    background-color: dimgrey;
    width:90%;
    display: block;
    margin: 0 auto;
}

.way_two{

    background-color: gray;
    width:90%;
    display: block;
    margin: 0 auto;
}



.nav_popup_list{

    border-right: 1px solid black;
    padding:1rem;
}

.nav_popup_list p{

    font-family: Calibri, sans-serif;
    font-size: 2.4rem;
    font-weight: lighter;
    color: purple;
}

.nav_popup_item{

    padding:3rem;
}

.nav_popup_item a{

    text-decoration: none;
    color:black;
    font-family: Calibri, sans-serif;
    font-size: 1.2rem;

}

.nav_popup_item p{

    margin: 2rem 0;
}

.nav_popup_item a:hover{

    color:dimgrey;
}

/*FOOOTER:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#footer_main-lg-1{


    width: 100%;
    min-height:10rem;
    border-top:3px solid white;
}

.footer_social_img img{


    max-width: 10%;
    width:3%;
    margin-top: 1rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 0;
}

.p_footer{

    color: white;
    font-family: Calibri, sans-serif;
    font-size: 1.4rem;
    margin-left: 0.5rem;
    margin-top: 1rem;
}

.footer_right p {

    color: white;
    font-family: Calibri, sans-serif;
    font-size: 1.2rem;
    margin-top: 0.1rem;

}

.footer_right a{

    text-decoration: none;
    color:white;
    font-family: Calibri, sans-serif;
    font-size: 1.2rem;
}

.footer_left, .footer_right{

    padding-left: 3rem;
}