/* dCodes Framework:(c) TemplateAccess */

nav.dc_respmenu{
                 width:100%;
                 margin:50px 0;
                 overflow:hidden
                 }
nav.dc_respmenu ul{
                    list-style:none;
                    overflow:hidden
                    }
nav.dc_respmenu li a{
                      background:#2c203b;
                      border-right:1px dotted #020203;
                      color:#fb00fb;
                      display:block;
                      float:left;
                      font:400 13px/1.4 'Essays 1743',serif;
                      padding:10px;
                      text-align:center;
                      text-decoration:none;
                      text-transform:uppercase;
                      width:12.5%;

                      /*TRANSISTIONS*/
                      webkit-transition:background 0.5s ease;
                      moz-transition:background 0.5s ease;
                      o-transition:background 0.5s ease;
                      ms-transition:background 0.5s ease;
                      transition:background 0.5s ease
                      }

/*HOVER*/
nav.dc_respmenu li a:hover{
                            background:#222
                            }

/*SMALL*/
nav.dc_respmenu small{
                       font:100 11px/1 Helvetica,Verdana,Arial,serif;
                       text-transform:none;
                       color:#aaa
                       }

/*BORDER FIX*/
nav.dc_respmenu li:last-child a{
                                 border:none
                                 }

/*BLUE MENU*/
nav.dc_respmenu.blue li a{
                           background:#75b1de
                           }
nav.dc_respmenu.blue small{
                            color:#a41aa4
                            }
nav.dc_respmenu.blue li a:hover{
                                 background:#3C92D0
                                 }

/*RED MENU*/
nav.dc_respmenu.red li a{
                          background:#5C0002
                          }
nav.dc_respmenu.red small{
                           color:#a41aa4
                           }
nav.dc_respmenu.red li a:hover{
                                background:#a60306
                                }

/* MEDIA QUERIES*/
@media only screen and (max-width:1220px),
only screen and (max-device-width:1220px){
  nav.dc_respmenu li a{
                        font:400 10px/1.4 'Essays 1743',
serif
                        }
  nav.dc_respmenu small{
                         font:100 10px/1 'Goudy Bookletter 1911',serif
                         }

}
@media only screen and (max-width:930px),
only screen and (max-device-width:930px){
  nav.dc_respmenu li a{
                        width:25%;
                        border-bottom:1px solid #fff;
                        font:400 11px/1.4 'Essays 1743',serif
                        }
  nav.dc_respmenu li:last-child a,nav li:nth-child(4) a{
                                                         border-right:none
                                                         }
  nav.dc_respmenu li:nth-child(5) a,nav li:nth-child(6) a,nav li:nth-child(7) a,nav li:nth-child(8) a{
                                                                                                       border-bottom:none
                                                                                                       }

}
@media only screen and (max-width:580px),only screen and (max-device-width:580px){
  nav.dc_respmenu li a{
                        width:50%;
                        font:400 12px/1.4 'Essays 1743',serif;
                        padding-top:12px;
                        padding-bottom:12px
                        }
  nav.dc_respmenu li:nth-child(even) a{
                                        border-right:none
                                        }
  nav.dc_respmenu li:nth-child(5) a,nav li:nth-child(6) a{
                                                           border-bottom:1px solid #fff
                                                           }

}
@media only screen and (max-width:320px),only screen and (max-device-width:320px){
  nav.dc_respmenu li a {
                        font:400 11px/1.4 'Essays 1743',serif
                        }

}