html, body
{
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    overflow-x: hidden;

    font-family: 'Open Sans', sans-serif;
}

html
{
    background-color: white;
}


.back_white
{
    background-color: white;
}

.back_black
{
    background-color: black;
}


.back_yellow
{
    background-color: yellow;
}

.back_red
{
    background-color: red;
}

.back_blue
{
    background-color: blue;
}



.back_gray
{
    background-color: gray;
}




.flex_row, .flex_col, .flex_row_modify, .flex_col_modify
{
    display: flex;
    flex-direction: row;
    height: auto;
    overflow: hidden;
}

.flex_col
{
    flex-direction: column;
}

.justify_center_center, .justify_between_center, .justify_around_center, .justify_start_center
{
    justify-content: center;
    align-items: center;
}

.justify_start_center
{
    justify-content: start;
}


.justify_between_center
{
    justify-content: space-between;
}

.justify_between_start
{
    justify-content: space-between;
    align-items: start;
}

.justify_around_center
{
    justify-content: space-around;
}

.justify_start
{
    justify-content: start;
}

.justify_between_inline
{
    justify-content: space-between; 
    align-items: stretch;
}

.justify_flex_start
{
    justify-content: flex-start; 
    align-items: flex-start;
}

.compress
{
    flex-wrap: nowrap;
}

.no_compress
{
    flex-wrap: wrap;
}

.w_50
{
    width: 50%;
}

.w_80
{
    width: 80%;
}

.w_95
{
    width: 95%;
}

.w_90
{
    width: 90%;
}

.w_100
{
    width: 100%;
}

.p_15
{
    padding: 15px;
}

.p_25
{
    padding: 25px;
}

.m_15
{
    margin: 15px;
}

.my_15
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.py_10
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.py_15
{
    padding-top: 15px;
    padding-bottom: 15px;
}   

.py_25
{
    padding-top: 25px;
    padding-bottom: 25px;
}   


header
{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

main
{
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.border_circle
{
    border-radius: 50px;
}


.icon_social a img
{
    width: 30px;
    height: 30px;
    margin: 10px;
}

.nav_site ul
{
    list-style-type: none;
}

.nav_site ul li a
{
    text-decoration: none;
    color: white;
}



.height_hiiden
{
    height: auto;
    overflow: hiiden;
}

.height_auto
{
    height: auto;
    overflow: auto;
}