body {
  padding-top: 5rem;
}

@media (max-width: 320px) {
.element {
      width: 100%;   
     }
}  

.navbar-custom { 
    background-color: #2daf40; 
}

.navbar-nav > li > .dropdown-menu { 
    background-color: #2daf40;     
}

.navbar-nav > li > .dropdown-menu a{   
    color: white;  
    
}
.navbar-nav > li > .dropdown-menu a:hover { 
    background-color: #259334;       
    border-color: #259334;
    
}


 /* Modify brand and text color */ 
          
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text { 
            color: white; 
} 

.xflip {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph;
}
.yflip {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv;
}
.xyflip {
    -moz-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
    filter: fliph + flipv;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ddd;
  color: black;
  text-align: center;
}