﻿body {
}

.container-fluid {
    /*padding-left: 0px;
    padding-right: 0px;*/
}

.nav-tabs {
    border-bottom: none;
}

#about_row_div {

    width: 100%;
    height: auto;
    min-height: 800px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/Content/images/default/the_workers_back_2000.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    /*border: 1px solid red;*/
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

#about_div {
    /*border: 1px solid orange;*/
    width: 60%;
    height: auto;
    min-height: 800px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

h1#about_page_title {
    font-size: 15px;
    font-weight: 300;
    color: #707070;
    padding-top: 50px;
    padding-bottom: 20px;
}

ul.about_ul_items {    
    list-style: none;
    padding-left: 0px;
}

.about_li {
    color: #707070;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

div#myTabContent {
    padding: 20px;
}

.about-us-container {
    /*border: 1px solid red;*/
    width: 95%;
    height: 100%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-us-inner-container {
    /*border: 1px solid orange;*/
    width: 90%;
    height: 100%;
    min-height: 450px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

p.about-paragraph {
    font-family: "Raleway", sans-serif;
    font-size: 16px;       
    text-align: justify;
    color: #707070;
    font-weight: 300;
    line-height: 22px;
}



.content_div {
    width: 100%;
    height: 100%;
    margin-top: 50px;
}


/* M E D I A  Q U E R I E S */

/*LARGE DESKTOP*/
@media (min-width: 1201px) and (max-width: 2000px) {
    .page_size:before {
        content: "Page Size: 1201-2000";
    }
}

/* DESKTOP */
@media (min-width: 1025px) and (max-width: 1200px) {
   .page_size:before {
        content: "Page Size: 1025-1200";
    }
   #about_div {
        min-height: 550px;
    }
    #about_row_div {        
        justify-content: flex-start !important;
        background-image: url('/Content/images/default/the_workers_back_1200.png') !important;        
        background-size: contain !important;    
        min-height: 550px !important;    
        background-position: bottom !important;
    }

}

/* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP */
@media (min-width: 768px) and (max-width: 1024px) {
    .page_size:before {
        content: "Page Size: 768-1024";
    }    

    #about_div {
        min-height: 550px;
    }
    #about_row_div {        
        justify-content: flex-start !important;
        background-image: url('/Content/images/default/the_workers_back_980.png') !important;        
        background-size: contain !important;    
        min-height: 550px !important;    
        background-position: bottom !important;
    }
}

@media(max-width: 767px) {
    .page_size:before {
        content: "Page Size: 767px";
    }

     #about_div {
        min-height: 550px;
    }
    #about_row_div {        
        justify-content: flex-start !important;
        background-image: url('/Content/images/default/the_workers_back_768.png') !important;        
        background-size: contain !important;    
        min-height: 550px !important;    
        background-position: bottom !important;
    }

}
/* LANDSCAPE PHONES AND DOWN */
@media(max-width: 480px) {
    .page_size:before {
        content: "Page Size: 480px";
    }
    
    #about_div {
        min-height: 500px;
    }
    #about_row_div {        
        background-image: url('/Content/images/default/the_workers_back_480.png') !important;        
        background-size: contain !important;    
        min-height: 500px !important;    
        background-position: bottom !important;
        padding-bottom: 80px;
    }

}