body {
margin: 0;   ;
}

#rc_logo {
overflow: hidden;
background-color: #43a1f2;
padding: 5px 14px;
position: absolute;
color: #fff;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#rc_logo a { 
 display: inline-block;
 margin-right: -4px;  /* inline-block gap fix */
 color: #fff;
 padding:  5px 14px 5px 14px;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 -webkit-transition: background 0.3s linear;
 -moz-transition: background 0.3s linear;
 -ms-transition: background 0.3s linear;
 -o-transition: background 0.3s linear;
 transition: background 0.3s linear;
 z-index: 9;
} 

.rc_nav {
  overflow: hidden;
  background-color: #43a1f2;
  padding: 5px 14px 5px 14px;
  text-align: center;
  z-index: 6;
}

.rc_nav a {
 display: inline-block;
 margin-right: -4px;  /* inline-block gap fix */
 color: #fff;
 padding:  5px 14px 5px 14px;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 -webkit-transition: background 0.3s linear;
 -moz-transition: background 0.3s linear;
 -ms-transition: background 0.3s linear;
 -o-transition: background 0.3s linear;
 transition: background 0.3s linear;
 z-index: 9;
}

.rc_nav a:hover {
  background-color: #575b69;
  color: #fff;
}

.rc_nav .icon {
  display: none;
}



@media screen and (max-width: 975px) {
  .rc_nav a {display: none;}
  .rc_nav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 700px) {
  .rc_nav.responsive {position: relative;}
  .rc_nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .rc_nav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }

}