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_gray
{
    /* background-color: gray; */
    background-color: rgb(128, 128, 128, 0.3);
}

.back_red
{
    background-color: red;
}

.back_brown
{
    background-color: rgba(170, 54, 50, 0.6);
}


.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, .justify_around, .justify_start_center
{
    justify-content: center;
    align-items: center;
}

.justify_start_center
{
    justify-content: start;
}


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

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

.justify_around
{
    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_15
{
    padding-top: 15px;
    padding-bottom: 15px;
}   

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



.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;
}

/*
.propa_console
{
    text-align: center;
    background-color: white;
    color: black;
    font-weight: 900;
    transition: 0.5s all;
}

.propa_console:hover
{
    background-color: black;
    color: white;
}
*/

/*
main
{
    display: none;
    flex-direction: row;
    opacity: 0;
    transition: 0.5s all;
}

main h1
{
    font-size: 50px;
}

.main
{
    padding-top: 35px;
}
*/

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

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