.temp {
    font-size: xx-large;
    text-align: center;
}
body{
    background-color: #FFFFFF;
    font-family: Garamond, Palatino, serif;
    font-weight: bold;
}

 /* ----------Header Styling----------*/

/*----small screen header-----*/
@media screen and (max-width: 900px) {
    header{
        display: block;
        background:#1B3D6D;
        background-image: url("../images/flag3-2.jpeg");
        background-size:100%;
        background-repeat:no-repeat;
        text-align: center;
       
    }
    .headerHG{
        display:block;
        width: 100%;
       
    }
    .logo  {
        display: block;
        margin:0px auto;
        width: 33rem;
        padding-bottom:3%;
    }
    h1 {
        font-size:200%;
        color: #ffffff;
        text-shadow:1px 1px 1px #0a3161;
        margin-top: 2px;
        margin-bottom: 1px;    
    }
    address{
        visibility:hidden;
        color:#FFFFFF;
    }

}
/*-----large screen header----*/
@media screen and (min-width: 901px) {
    header{
         display: block;
        background:#1B3D6D;
        background-image: url("../images/flag3-2.jpeg");
        background-size:100%;
        background-repeat:no-repeat;
        height:auto;
        text-align: center;
       
    }
 
    .headerHG{
       display:block;
       width: 100%;
       
    }

    .logo{
        display: block;
        margin:0px auto;
        width: 8rem;
        padding-bottom:3%;
        padding-top: 3rem;
    }
    h1 {
       
        font-size:300%;
        color: #ffffff;
        text-shadow:1px 1px 1px #0a3161;
        margin-top: 2px;
        margin-bottom: 1px;    
    }

    address{
        display:inline-block;
        color:#FFFFFF;
    }

    .titleHead {
        display: inline-block;
        float: right;
    }
}   

  /*--------------- navigation ------------*/


.navigation ul{
    font: bold 11%  Helvetica, Arial, sans-serif;
    list-style-type: none;
  margin: 0rem;
  padding: 0rem;
  overflow: hidden;
  background-color: #0a3161;

}

.navigation li{
    width: auto;
    float: left;
}

.navigation li a {
    display: block;
    color: white;
    font-size:900%;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navigation a:hover{
    background: #04355c;
    color: #B31942;
}

/*--------------- navigation Honor Guard ------------*/
.navigationhg ul{
    font: bold 11%  Helvetica, Arial, sans-serif;
    list-style-type: none;
  margin: 0rem;
  padding: 0rem;
  overflow: hidden;
  background-color: #000000;

}

.navigationhg li{
    width: auto;
    float: left;
}

.navigationhg li a {
    display: block;
    color: white;
    font-size:900%;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navigationhg a:hover{
    background: #a1a15c;
    color: #003473;
}
/*-----footer----------*/

footer{
    text-align: center;
    background-color: #B31942;
    margin-top: 2%;
    clear: both;
}

.footerNav ul{
    font: bold 11% Helvetica, Arial, sans-serif;
    list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0a3161;
}

.footerNav li{
    float: left;
    width:auto;
}

.footerNav li a {
    display: block;
    color: white;
    font-size:900%;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.footerNav a:hover{
    background: #04355c;
    color: #b31942;
}

.footerName {
    display: inline-block;
    color:#0a3161;    
    font-size:xx-large;
    font-weight:bold;
    margin-bottom:1%;
}

.footAddress{
    color:#ffffff;
    font-size:large;
    margin-bottom:1%;
 }
   
 /*-----footer Honor Guard----------*/

.footerHG{
    text-align: center;
    background-color: #a1a15c;
    height: auto;
    padding-top: 1px;
    margin-top: 0%;
    clear: both;
}

.footerNavHG ul{
    font: bold 11% Helvetica, Arial, sans-serif;
    list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
}

.footerNavHG li{
    float: left;
    width:auto;
}

.footerNavHG li a {
    display: block;
    color: white;
    font-size:900%;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.footerNavHG a:hover{
    background: #04355c;
    color: #a1a15c;
}

.footerNameHG {
    display: inline-block;
    color:#000000;    
    font-size:xx-large;
    font-weight:bold;
    margin-bottom:1%;
}

.footAddressHG{
    color:#ffffff;
    font-size:large;
    margin-bottom:1%;
 }
/*-------body index page-------------*/

.building {
    display: block;
    margin:0px auto;
    border-radius: 20%;  
    width: 70%;
}
.joinUs {
	font-size: 200%;
    text-align:center;
    color: #B31942;
    margin: 1%;
   
}

.motto {
    clear: both;
    font-size: xx-large;
    color:#B31942;
    font-weight:bolder;
    text-align: center;
    margin: 1%;
}


/*upcoming events */
.eventHead {
    display: block;
    width: 80%;
    margin: 0 auto;
    background-color: #0a3161;
    color: #FFFFFF;
    font-size: xx-large;
    font-weight:bolder;
    text-decoration: underline;
    text-transform: capitalize;
   
} 

.event {
    display: block;   
    width: 70%;
    margin:0 auto;
    margin-top: 1%;
    padding: 1%;
    color:#B31942;
    font-size: 165%;
    border: solid 4px #0a3161;
    border-radius: 10px;
}


.eventSect {
    clear:both;   
    text-align:center;
    margin-top:9%;
}

.eventName {  
    font-size:xx-large;
    font-weight:bolder;
    Font: underline;
}


/*about page*/
.mission {
    display: inline-block;
    color:#0a3161;
    font-family: Garamond, Palatino, serif;
    text-align: center;
    margin-bottom: 2px;   
}

.about h2{
    font-family: Helvetica, Arial, sans-serif;
    color:#B31942;
    font-size: xx-large;
    text-decoration: underline;
}
.membership {
    display: inline-block;
    color:#0a3161;
    font-family: Garamond, Palatino, serif;
    text-align: center;
    margin-bottom: 2px;   
}

/*--------history page---------*/
.founding{
    color:#0a3161;
    text-align: center;
    margin-top: 3%;
    font-size: 300%;
    text-decoration: underline;
}

.foundingDate{
    color:#B31942;
    text-align: center;
    font-size:xx-large;
}

.foundingInfo{
    color:#0a3161;
    font-size:130%;
    text-align: center;
    font-weight: bold;
}
.historianCorner{
    color: #B31942;
    text-align: center;
    font-size:300%;
    text-decoration: underline;
}

.historianFact {
    width: 100%;
    text-align: center;
}

.historianFact img {
    width: 90%;
    border-radius: 30px;
}


/*----------BuildingRental-----------*/
.buildRent{
    text-align: center;
    color: #b31942;
    font-weight: 800;
}
.rental{
   color:#0a3161;
   font-size: large;
}

.rentH{
    text-transform: uppercase;
    color:#0a3161;
}

.rental a{
    font-weight: bold;
}

.eastRoom{
    padding-top: 2rem;
    clear:both;
}
.middleRoom{
    padding-top:20px;
    clear:both;
}
.houstonRoom{
    padding-top:20px;
    clear: both;
}
.kitchen{
    padding-top:20px;
    clear: both;
    padding-bottom: 2%;
}

.ballBody{  
    background-color: #4f7099;
    text-align: center; 
    font-family: cursive, Cambria, Cochin, Georgia, Times, serif; 
}

.ballBody .ball{
    font-size:300%;
    font-weight:bolder;    
}

.ballBody .date {
    font-size:250%;
    color:#B31942;
    font-weight: bold;
}


.ballBody .flyer{
    width:100%;
    height: auto;
}



.yearlyEventsLegion {
    font-size: 200%;
    color:#B31942;
    text-decoration: underline;
    text-align:center;   
    margin: 1%;
    text-transform: capitalize;
   
}


.eventYearlySect {
    clear:both;   
    text-align:center;
    margin-top:9%;
}

.eventYearly {
    display: block;   
    width: 70%;
    margin:0 auto;
    margin-top: 1%;
    padding: 1%;
    color:#0a3161;
    font-size: 165%;
    border: solid 4px #0a3161;
    border-radius: 10px;
}



.eventYearlyName { 
    color:#B31942; 
    font-size: xx-large;
    font-weight: bold;
    text-transform: capitalize; 
    
}

.resourcesHead {
    color: #B31942;
    text-transform: capitalize;
    text-decoration: underline;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.resource {
    text-align: center;
}

.resourceItem {
    text-align: center;
    font-size: x-large;
    color: #0a3161;
    margin: 0 Auto;
    width: 90vw;
    background-color: #a1a15c;
    border-style: solid;
    border-color: #b31942;
    border-radius: 5px;
}

.resourceItem h3{
    text-transform: capitalize;
    text-decoration: underline;
    font-weight: bolder;
    font-size: xx-large;
}


/*--------HonorGuard------*/

.navLine{
    height: 6px;
    background-color: #ffffff;
    color:#ffffff;
}
 .honorGuardPage{
    background-color: #000000;
    font-family: Garamond, Palatino, serif;
    font-weight: bold;
    text-align: center;
 }

 .honorGuardPage h1{
    color:#a1a15c
 }
 .honorGuardP{
    color: #a1a15c;
    font-size:large;
}

.honorGuardH2{
    color:#a1a15c;
    font-size: x-large;
    background-color: #04355c;
}

.honorGuardRecent{
   font-size: larger;
}


.honorGuardList{
    color:#a1a15c;
    font-size: large;
}

.auxLogo {
	display: block;
    margin:0px auto;
    border-radius: 20%;  
    width: 35%;
}

.auxContact {
	text-align: center;
	color:#B31942;
}

.auxLinks {
	color: #B31942;
	
}