text-decoration none color 08c hover text-decoration underline header

a
  text-decoration: none
  color: #08c
  &:hover
    text-decoration: underline



#header 
  @extend .clearfix
  padding-top: .8em
  padding-bottom: 1.3em
  +center(90%)
  display: block
  #logo
    @extend .column
    width: 40%
  #info 
    @extend .column
    width: 50%
    padding-top: .8em
    ul
      li
        display: inline
  #bascket 
    @extend .column
    width: 10%
    
    
#dropdown
  @extend .clearfix
  text-align: center
  background: linear-gradient(to bottom, #cfffff 0%,#218ed8 100%)
  +single-box-shadow
  +border-radius(10px)
  margin-bottom: 1.2em


  ul
    @include x-display('flex')
    @include x-flex-direction('row')
    @include x-flex-wrap('wrap')


    list-style: none
    
    li
      flex: 1
      display: flex
      display: block
      position: relative
      float: left
      padding: 10px
      padding-right: 40px
      padding-left: 40px
      a
        color: white

    li:hover
      background-color: red
      ul
        display: block
        position: absolute
        z-index: 100
        width: 10em
        text-align: center
        background-color: white
        border: 7px solid white
        
      a 
        display: block
    
    ul
      margin-top: .3em
      background-color: rgba(9, 65, 94, 0.8)
      display: none
      +border-radius(3px)
      box-shadow: 0px 3px 12px 0px rgba(50, 50, 50, 0.7)
      li
        padding-left: 1em
        padding-right: 1em
        width: 10em
        a 
          float: left
          color: black
          background-color: transparent
      li:hover
        background-color: transparent



#breadcrum
  padding: .8em
  padding-left: 1.5em
  background-color: rgba(221, 212, 211, 0.34)
  ul 
    li 
      display: inline
    .active
      pointer-events: none
      cursor: default
      text-decoration: none
      color: gray








#footer 
  background-color: #f2f2f2
  @extend .clearfix
  .third
    @extend .column
    width: 33%