#banner { background-position: center center !important; }
#banner h1 { top: 30px; font-size: 44px; line-height: 60px; text-align: center; }

@media only screen and (min-width: 1260px)
{
    #banner.root { height: 280px; }
    #banner.general { height: 280px; }
    #banner.root h1 { display: none; }
    #banner.general h1 { display: none; }

    #main.home .container:first-of-type { margin-top: 100px; }
    #main.general .container:first-of-type { margin-top: 100px; min-height: 540px; overflow: hidden; }

    .menu.congress { position: absolute; top: 490px; height: 80px; background: #007ac6; overflow: hidden; transition: height 0.5s 0.3s, box-shadow 0.5s 0.3s; z-index: 50; }
    .menu.congress p { color: #fff; }
    .menu.congress ul.primary { margin: 0px auto; width: 1200px; }                                                                        
    .menu.congress ul.primary > li { float: left; width: 200px; height: 80px; transition: height 0.5s 0.3s; }                                                                    
    .menu.congress ul.primary > li > p { padding-left: 14px; font-size: 14px; line-height: 80px; color: #fff; font-weight: 700; }                                                                 
    .menu.congress ul.primary > li > p > a { color: #fff; }
    .menu.congress ul.primary > li > p > a:hover {  color: #4bb9fd; } 
    .menu.congress ul.primary > li:first-child ul.secondary { }
    .menu.congress ul.primary > li:last-child ul.secondary { background: none; }
    .menu.congress ul.secondary { height: 260px; background: linear-gradient(to left, #0e649b 1px, #007ac6 0px); opacity: 0; transition: opacity 0.2s 0.2s; }             
    .menu.congress ul.secondary > li { padding: 10px 14px 10px 14px; }
    .menu.congress ul.secondary > li > p { font-size: 13px; line-height: 20px; }
    .menu.congress ul.secondary > li > p > a { color: #fff; }
    .menu.congress ul.secondary > li > p > a:hover {  color: #4bb9fd; }
    .menu.congress.open { height: 380px; }                  
    .menu.congress.open ul.secondary { opacity: 1; }   
}

@media only screen and (min-width: 881px) and (max-width: 1259px) 
{
    #banner.root { height: 200px; }
    #banner.general { height: 200px; }
    #banner.root h1 { display: none; }
    #banner.general h1 { display: none; }

    #main.home .container:first-of-type { margin-top: 100px; }
    #main.general .container:first-of-type { margin-top: 100px; min-height: 540px; overflow: hidden; }

    .menu.congress { position: absolute; top: 264px; height: 80px; background: #007ac6; overflow: hidden; transition: height 0.5s 0.3s, box-shadow 0.5s 0.3s; z-index: 50; }
    .menu.congress p { color: #fff; }
    .menu.congress ul.primary { width: 100% }                                                                        
    .menu.congress ul.primary > li { float: left; width: 16.666%; height: 80px; transition: height 0.5s 0.3s; }                                                                    
    .menu.congress ul.primary > li > p { padding-left: 14px; font-size: 12px; line-height: 80px; color: #fff; font-weight: 700; }                                                                 
    .menu.congress ul.primary > li > p > a { color: #fff; }
    .menu.congress ul.primary > li > p > a:hover {  color: #4bb9fd; } 
    .menu.congress ul.primary > li:first-child ul.secondary { }
    .menu.congress ul.primary > li:last-child ul.secondary { background: none; }
    .menu.congress ul.secondary { height: 260px; background: linear-gradient(to left, #0e649b 1px, #007ac6 0px); opacity: 0; transition: opacity 0.2s 0.2s; }             
    .menu.congress ul.secondary > li { padding: 10px 14px 10px 14px; }
    .menu.congress ul.secondary > li > p { font-size: 12px; line-height: 18px; }
    .menu.congress ul.secondary > li > p > a { color: #fff; }
    .menu.congress ul.secondary > li > p > a:hover {  color: #4bb9fd; }
    .menu.congress.open { height: 360px; }                  
    .menu.congress.open ul.secondary { opacity: 1; }   
}

@media only screen and (max-width: 880px)
{
    #banner.root { height: 130px; }
    #banner.general { height: 130px; }
    #banner.root h1 { display: none; }
    #banner.general h1 { display: none; }

    #main.home .container:first-of-type { margin-top: 100px; }
    #main.general .container:first-of-type { margin-top: 100px; overflow: hidden; }

    .menu.congress { position: absolute; top: 194px; height: 80px; background: #007ac6; overflow: hidden; z-index: 50; }
    .menu.congress p { color: #fff; }
    .menu.congress ul.primary { width: 100% }                                                                        
    .menu.congress ul.primary > li { float: left; width: 33.333%; height: 40px; transition: background-color 0.5s; }              
    .menu.congress ul.primary > li:hover { background-color: #4bb9fd; }
    .menu.congress ul.primary > li > p { font-size: 12px; line-height: 40px; color: #fff; font-weight: 700; text-align: center; }                                                                 
    .menu.congress ul.primary > li > p > a { color: #fff; }
    .menu.congress ul.primary > li > p > a:hover { color: #fff; } 
    .menu.congress ul.secondary { display: none; }
    
}