.r-tabs .r-tabs-tab{
    display: inline-block;
    margin: 0;
    list-style: none;
}
.r-tabs .r-tabs-panel{
    padding: 30px 50px 60px 50px;
    display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active{
    display: block;
}
.r-tabs .r-tabs-accordion-title{
    display: none
  /*Accordion anchor*/
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
    position: relative;
    display: block;
    padding: 5% 3%;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    text-align: left;
    border-top: 1px solid #7cb967;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor[href="#web-engineer"]{
    border-top: 0;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #f39800 transparent;
    content: '';
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor span{
    font-size: 10px;
    display: block;
}
.r-tabs .r-tabs-nav{
  /*Disabled tab*/
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled{
    opacity: 0.5;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{
    color: #f39800;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after{
    top: 10px;
    bottom: auto;
    border-width: 0 15px 15px 0;
    border-color: transparent  #f39800 transparent transparent;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled{
    opacity: 0.5;
}

/*Info bar*/
.info{
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    width: 300px;
    line-height: 100%;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 14px;
    color: #00c5ad;
    border: 2px solid #00ab94;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
}

/*responsive-tabs-breakpoint*/
@media only screen and (max-width: 670px) {
  .r-tabs .r-tabs-nav{
        display: none;
  }
  .r-tabs .r-tabs-accordion-title{
        display: block;
        background-color: #fff;
  }
  .r-tabs .r-tabs-panel{
        margin-top: 0;
        padding: 3% 5% 6% 5%;
  }
}