/*
    darker blue: 0654C6
    lighter blue: 2A91E1
    blue green 06B9C6
    */
body{
    font-family: rockwell, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    color:#333333;
}
section{
    padding: 0 1em;    
}
section#footer{
    padding: 0;    
}
*, a{
    margin: 0;
    padding: 0;
}
nav a{
    display: inline-block;
}
a{
    margin: 0;
    padding: 0;
}
p{
    font-size: 1em;
}
li{
    font-size: 1.1em;
}
li{
    margin-left: 3em;    
}
body{
    font-family: verdana, sans-serif;
}

#mobile_nav a#hamburger{
    float: right;
}
#mobile_nav a#hamburger img{
    max-width: 2em;
    margin: 1.25em 1em 0 0em; /*no margin-bottom since it's floating. section has padding bottom instead*/
}
#header_logo{
    margin-bottom: 9em;
}
#desktop_nav{
    display: none;
}

        @media screen and (min-width:55em){		

            nav#mobile_nav{
                display: none;
            }
            nav#desktop_nav{
                display: block;
            }            
        }

nav{
    text-align: center;
    clear: both;
}
nav#desktop_nav a{
    margin-right: 3em;
    text-decoration: none;
    color: #333333;
}
nav#desktop_nav a:hover{
    text-decoration: underline;
    color: #0654C6;
}

nav#desktop_nav{
    margin-right: 0em;
    text-decoration: none;
    color: #333333;
}

nav#hamburger_links{
    background-color: #aaaaaa;
}
nav#hamburger_links{
    background-color: #dddddd;
    display: none;
}
nav#hamburger_links ul{
    margin-bottom: 2em;;
}
nav#hamburger_links li a:hover{
    background-color: #2A91E1;
    color: #eeeeee;
}
nav#hamburger_links li{
    list-style-type: none;
    text-align: left;
    margin-left: 0;
}
nav#hamburger_links a{
    padding: .75em 1.5em;
    display: block;
    font-size: .9em;
    border-bottom: 1px solid #999999;
    text-decoration: none;
    color:#111111;
}

.center_align{
     text-align: center;   
}
h1{
     text-align: center;
    margin-bottom: .25em;
    font-size: 1.5em;
}
h2.centered_h2{
    max-width: 40em;    
    margin: auto;
    text-align: center;
}
h3{
    font-size: 1.2em;   
}
h3.centered_h3{
    max-width: 44em;    
    margin: auto;
    text-align: center;
}
ul{
    max-width: 105%;
}

    img#header_logo{
        width: 13em;
        margin: 1em;
    }
img{
    width: 18em;
}    

div.all_initiative_logos{
    text-align: center;
    max-width: 70em;
    margin-left: auto;
    margin-right: auto;
    
}
div.all_initiative_logos img{
    
    margin: 1em;
}
div.all_initiative_logos div{
    
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1em;
}

    .box{
        display: inline-block;
        min-width: 20em;
        padding: 2em;
        text-align: center;
    }
    .dark_blue_box{
        background-color: #0654C6;
        color: #ffffff;
    }
    .lighter_blue_box{
        background-color: #2A91E1;
        color: #ffffff;
    }

    .blue_green_box{
        background-color: #06B9C6;
        color: #ffffff;
    }
    .header_link_boxes a{
        padding: .5em 2em;    
        display: inline-block;
    }
    .header_link_boxes_left_side{
        padding: .5em 2em;    
    }

    .blue_text{
        color: #2d71b6;
    }
    .light_gray_box{
         background-color: #eeeeee;   
        width: 40%;
        display: inline-block;
        padding: 2em;
        font-size: 1.5em;
    }
    .bold_text{
         font-weight: bold;   
    }
    .lime_background{
        background-color: #7ba035;
        color: #ffffff;
        padding: 2em;
        font-size: 1.2em;
    }
    .navy_background{
         background-color: #0c2c59;  
        margin: auto;
                padding: .5em 2em;
        color: #ffffff;

    }
    .bigger_font{
         font-size: 1.5em;   
    }
    .inline_block{
         display: inline-block;
    }
    .center{
         text-align: center;   
    }

#header_logo{
     float: left;
    max-width: 20em;
}
hr{
    clear: both;
}


.donate_now_box{
    border:   .2em solid #0654C6; 
    padding: 1em;
}
.donate_now_box:hover{
    background-color: #0654C6; 
    color: #ffffff;
}
.initiative_box{
    padding: 2em;
    margin: 2em;
    max-width: 30em;    
    text-align: left;
    
}
#veterans_initiative_box
{
    background-color: #f4f4f4;
    border: .1em solid #dddddd;
    display: inline-block;
   clear: both;
}
#empower_initiative_box
{
    display: inline-block;
    background-color: #eeeeee;
    border: .1em solid #bbbbbb;
    vertical-align: top;
}
section#veterans_employment{
    background-color: #0F0099;   
    font-size: 2em;
    color: #ffffff;
}
#veterans_initiative_box img, #veterans_employment img{
     margin: auto;
}
div#flexboxes{
			display:-moz-box;
			display:-ms-box;
			display:-webkit-box;
			box-orient:horizontal;
			-moz-box-orient:horizontal;
			-ms-box-orient:horizontal;
			-webkit-box-orient:horizontal;   
     display:flex;
    vertical-align: top;
}
table#initiative_table td{
    vertical-align: top;
    max-width: 45%;
    max-width: 430em;;
    border: 2px yellow solid;
}

#we_help
{
    background-color: #dddddd;
    background-color: #36E9F6;
    clear: both;
    color: #0654C6;
    color: #063486;    
}
#we_help h1
{
    padding: 0 .5em;
}
.half_screen_container{
    text-align: center;
    vertical-align: top;
}
.half_screen{
    width: 48%;
    display: inline-block;
}
.xright_align{
    text-align: right;
    padding-right: 2em;
}

.sidebyside_box{
    display: inline-block;
    width: 20em;
}
.container_to_center{
    text-align: center;
}
.sidebyside_box_text{
    min-height: 15em;
}

.center{
    text-align: center;
    margin: auto;
    
}

.summary{
    
    max-width: 40em;
    line-height: 1.5em;
    color: #333333;
    font-size: 1.1em;
}
.summary ul{
    display: inline-block;
    width: 30em;
}
.summary li{
    text-align: left;
    font-size: 1em;
    
}
.cta{
    border:#0654C6 .125em solid;
    border-radius: 2.25em;
    display: inline-block;
    padding: .25em 1em;
    min-width: 15em;
    text-decoration: none;
    color: aquamarine;
}
.cta:hover{
    background-color: #2A91E1;
}
.cta a{
    text-decoration: none;
    color: #333333;
}
.cta:hover a{
    color: #ffffff;
}
#footer{
    background-color: #2A91E1;
    color: #ffffff;
    text-align: center;
}

#splash_page #splash_logo{
    width: 40%;
    max-width: 1000em;
    min-width: 16em;
    
}
body#splash_page #img_section{
    text-align: center;
    
}
#at_a_glance{
    margin: auto;
    text-align: center;
}
#at_a_glance ul{
    display: inline-block;
    margin: auto;
    line-height: 1.6em;
 
    text-align: left;
}