@charset "utf-8";

:root {
    --light_gray: #979a9c;
    --dark_gray: #484748;
    --red_main: #f58144;
    --red_hover: #dc7139;
    --shadow: #e6e6e6;
    --box-shadow_1: 1px 1px 2px var(--shadow);
    --box-shadow_2: 1px 1px 2px var(--light_gray);
    --box-shadow_3: 1px 1px 2px var(--dark_gray);
    --box-shadow_4: 1px 1px 5px var(--light_gray);
    --box-border: 1px solid var(--red_main);

    /* e3e3e3 */
  }

body
{
    font-size: 14px;
	color: #000000;
}

html, body
{
    margin:0;
    padding:0;
    min-height: 100vh;
    width:  100%;
    position: relative;

    background-color: #f8f8f8; 
}

html
{ overflow-x:hidden; }


body, body *
{

    font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; 

    
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;    
}

#my_container {
    position: relative;
    min-height: 100vh;
    /* height: 100%; */
    width:  100%;

    /* display: flex;
    flex-direction: column; */
    
    
 }

 #my_header {
    display:block;
    width: 100%;
    background-color: #000000;
    /* min-height: 40px; */
    text-align: center;
 }

#my_header *
{
    vertical-align: middle;
}


 #my_body {
    /* flex-grow: 1;
    display: flex;
    flex-direction: column; */

    display:block;
    width: 100%;
 }

#my_body > div 
{
    text-align: center;
}
 
 #my_footer {
    visibility: hidden;
    display:block;
    width: 100%;
 }