@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS___.TTF') format('truetype');
}

@font-face {
    font-family: 'Acens';
    src: url('../fonts/Acens.ttf') format('truetype');
}

body
{
    margin:0;
    height:100%;
    width:100%;
    background-image: url('../images/home/resources/ES_Resources.jpg');    
    background-size:cover;
    background-repeat:   no-repeat;
    background-position: center center; 
    background-attachment:fixed;
}

.es_about_tag_1_div 
{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    width:100%;
    min-height:300px;
    background-color:rgba(0,0,0,.5);
}

.es_about_tag_2_div 
{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    width:100%;
    height:300px;
    background-color:rgba(71,188,102,.7);
}

.es_about_tag_1_div div
{
    margin:50px 10px 50px 10px;
    font-family: BEBAS;
    font-size:4vmax;
    text-shadow: 1px 2px 3px #3f3f3f;
    color:#ffffff;
    text-align:center;
    word-spacing:5px;
}

button#learn_button
{
    width:200px;
    height:40px;
    color:#ffffff;
    background-color:#09130d;
    border-style:none;
    font-size:18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
     border-radius: 8px;
}

.es_about_tag_2_div div
{
    margin:10px 30px 10px 30px;
    font-family: sans-serif;    
    color:#ffffff;    
    text-align:center;
}

.es_about_tag_2_title_div
{
    font-size:2em;
    text-shadow: 1px 2px 3px #3f3f3f;
}

.es_about_tag_2_para_div
{
    font-size:1em;
}

#es_about_what_we_do_div
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
    min-height:250px;
    background-color:#fff;
}

.es_about_wwd_wrap_div
{
    flex-grow:1;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    margin: 20px 20px 20px 20px;
    max-width:250px;
}

.es_about_wwd_wrap_div img
{
    max-height:100px;   
}

.es_about_wwd_image_div
{
    clear:both;
}

.es_about_wwd_txt_div
{
    margin-top:10px;
    text-align:justify;
}

#es_resource_quake_div
{
    display:flex;
    align-content:center;
    width: 100%;
    max-height: 400px;
    background-color:#fff;
    overflow:hidden;
}

video {
    margin-top:-5px;
    width: 100%    !important;
    height: 100%  !important;
}