#logo-main { background:transparent; position:absolute; right:2vw; top:6vh; width:36vw; z-index:1000; }
#logo-main img { width:100%; }
#middle .title { font-size:2.5vw !important; line-height:3vw; }
#top.dpwc.main { background-color: rgba(51, 1, 114, 0.6); }
#top.dpwc { background-color:#480587; }
nav .dropdown-item.active { background:#d6cbe5; }
.mb-5b { margin-bottom:0px; }

#nav-fb, #nav-lang { position:absolute; padding:0px 8px !important; }
#nav-fb { right:20px; }    
#nav-lang { right:70px; }

img.referee { width: 150px; height: 150px; object-fit: cover; border-radius: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
img.referee.main { width: 300px; height: 300px; border-radius: 8px; } 
      
@media (min-width: 576px)
{  
  #top.hu li { font-size:1.8vw; }  
}   
@media (max-width: 576px)
{ 
  #top.dpwc { background-size: 130vw auto; background-position: top left; background-image: url("../images/landing.png"); }
  #logo-main { background:#fff; right:0; left:0; top:55px; width:100vw; }
  #middle { top:340px !important; }
  #middle .title { font-size:6vw !important; line-height:8vw !important; margin-top:4vw; } 
  .dropdown-divider { display:none; } 
  img.referee.main { margin-bottom:20px; }
  .mb-5b { margin-bottom:10px; }
  p.referee { font-size:16px; line-height:20px; }
}