Simple PureCss dropdown menu with following subnav

$min-width: 0px;
$maincolor: #BBE2;  
$secondarycolor: #E60;
​
@mixin transform($value){
  -webkit-transform: ($value);
     -moz-transform: ($value);
      -ms-transform: ($value);
          transform: ($value);
}
@mixin transition($value){
  -webkit-transition: ($value);
     -moz-transition: ($value);
      -ms-transition: ($value);
          transition: ($value);
}
​
*{
  box-sizing: border-box;
}
body{
  font-family: 'Open Sans', sans-serif;
  background: #3794;
  color: white;
  text-align: center;
}
​
#main{
  position: relative;
  list-style: none;
  background: $maincolor;