/********************************/


/* NATIONAL DINNER */
/*BASIC SETUP FOR HOMEPAGE*/
#eventDetails  h2,
#nationalDinner #program h2,
#awards h2,
#awards #championAward h3,
#awards #reaganResearch h3,
#awards #humanitarianAward h3,
.bannerCopy > h2{ 
    font-family: 'houschka_alt_proextrabold';
}

/* BANNER */
#nationalDinner #banner{
    overflow: hidden;
    height: auto;
    position: relative;
}
#nationalDinner #banner img.bannerImg{
    width: 100%;
    height: auto;
    display: block;
}
#nationalDinner #banner .bannerCopy{
   z-index: 10;
    position: absolute;
    bottom: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
    left: 20%;
    right: 20%;
    text-align: center;
}
#nationalDinner #banner .bannerCopy > h2{
    color: #fff;
}


.NatDinnerProgram {color:#fff; }

.NatDinnerProgramTitle { font-size:18px; font-weight:bold;}

@media (max-width:767px ) {
      #nationalDinner #banner .bannerCopy{
        bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 10%;   /*   margin-bottom: 3%;  */
    }
    #nationalDinner #banner .bannerCopy > h2{
        margin: 0px;
    }  
}




/*EVENT DETAILS*/

#eventDetails{
    text-align: center;
    font-size: 13px;
}
#eventDetails .container{
    padding: 50px 0px;   
}
#eventDetails h2{
    color: #4a0d66;
}
#eventDetails #info{
       text-align: left;
}
#eventDetails #info .where,
#eventDetails #info .when,
#eventDetails #info .details,
#eventDetails #info .tickets{
    margin-bottom: 10px;
}


#eventDetails #gallery .galleryImg{
    width: 100%;
    height: auto;
}



/*PROGRAM*/
#nationalDinner #program{
    background-color: #4a0d66; 
    text-align: center;
    height: auto;
    color: #fff;
}
#nationalDinner #program > .container{
    padding: 50px 0px ; 
    color: #fff;
}
#nationalDinner #program h2{
    font-size: 30px;
    
}
#nationalDinner #program p{
    
}


/*BEGIN ** AWARDS*/

#awards{
    text-align: center;
}

#awards h2{
    color: #4a0d66;
}

#awards p.awardsDescription {
    margin-left: 16%; 
    margin-right: 16%; 
    
}
#awards #championAward,
#awards #reaganResearch,
#awards #humanitarianAward {
    height: auto;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 20px;
}
@media (max-width:767px ) {
    #awards #championAward,
    #awards #reaganResearch,
    #awards #humanitarianAward {
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) {
    #awards #championAward,
    #awards #reaganResearch,
    #awards #humanitarianAward {
        margin-bottom: 20px;
    }    
}


#awards #championAward .inside,
#awards #reaganResearch .inside,
#awards #humanitarianAward .inside{
    border: 1px solid #000;
    width: 100%;
    /* height: inherit;  */
    padding: 20px;
    display: block;
    /*  min-height: 310px;  */
}
@media (max-width: 767px) {
    #awards #championAward .inside,
    #awards #reaganResearch .inside,
    #awards #humanitarianAward .inside{
        min-height: 200px;
        height: auto;
    }
}
@media (min-width: 768px) {
    #awards #championAward .inside,
    #awards #reaganResearch .inside,
    #awards #humanitarianAward .inside{
        min-height: unset;
        height: 250px;  /*  height: 200px;  use this setting for 3 columns */
    }
}
@media (min-width: 992px) {
    #awards #championAward .inside,
    #awards #reaganResearch .inside,
    #awards #humanitarianAward .inside{
        min-height: 200px;  /*  min-height: 350px;  use this setting for 3 columns */
    }
}


#awards #championAward h3,
#awards #reaganResearch h3,
#awards #humanitarianAward h3{
    color: #4a0d66;
    font-size: 30px;
    margin-top: 0px;
    min-height: 60px;
    padding:10p 0px;
    vertical-align: middle;
    display: block;
}
#awards #championAward h3{
    padding: 30px 0px 10px;
}
#awards #reaganResearch h3{
    
}
#awards #humanitarianAward h3{
    
}
@media (max-width:767px ) {
    #awards #championAward h3,
    #awards #reaganResearch h3,
    #awards #humanitarianAward h3{
        padding: 10px;
    }
}
@media (min-width: 768px) {
    #awards #championAward h3,
    #awards #reaganResearch h3,
    #awards #humanitarianAward h3{
        padding: 10px;
    }
}



/*END ** AWARDS*/



























