.wrapper{
        width: 400px;
        font-family: 'Roboto', sans-serif;
	margin:0 auto;
    }
    .skill {
        margin-bottom: 35px;
        position: relative;
			overflow-x:hidden;
			
    }
    .skill > p {
        font-size: 18px;
        font-weight: 700;
        color: #1a1716;
        margin: 0;
    }
    .skill:before{
        width: 100%;
        height: 5px;
        content: "";
        display: block;
        position: absolute;
        background: #959595;
        bottom: 0;
    }
    .skill-bar {
        width: 100%;
        height: 5px;
        background:#f4392f;
        display: block;
        position: relative;
    }

    /* SKILL 1 */
    .skill1{
        width: 100%;
			
    }
    .skill-bar span{
        position: absolute;
        border-top: 5px solid #f4392f;
        top: -40px;
        padding: 0;
        font-size: 18px;
        padding: 3px 0;
        font-weight: 500;
    }
    .skill-bar {
        position: relative;
			
    }

    .skill1 .skill-count1 {
        right: 0;
    }
    /* SKILL 2 */
    .skill2{
        width: 100%;
    }

    .skill2 .skill-count2 {
        right: 0;
    }
    /* SKILL 3 */
    .skill3{
        width: 100%;
    }
    .skill3 .skill-count3 {
        right: 0;
    }

    /* SKILL 4 */
    .skill4{
        width: 100%
    }

    .skill4 .skill-count4 {
        right: 0;
    }

    /* SKILL 5 */
    .skill5{
        width: 100%;
    }

    .skill5 .skill-count5 {
        right: 0;
    }

    /* SKILL 6 */
    .skill6{
        width: 70%
    }

    .skill6 .skill-count6 {
        right: 0;
    }

    /* SKILL 7 */
    .skill7{
        width: 100%
    }

    .skill7 .skill-count7 {
        right: 0;
    }

    /* SKILL 8 */
    .skill8{
        width: 100%
    }

    .skill8 .skill-count8 {
        right: 0;
    }
    
    /* SKILL 9 */
    .skill9{
        width: 100%
    }

    .skill9 .skill-count9 {
        right: 0;
    }

    /* SKILL 10 */
    .skill10{
        width: 70%
    }

    .skill10 .skill-count10 {
        right: 0;
    }

    /* SKILL 11 */
    .skill11{
        width: 70%
    }

    .skill11 .skill-count11 {
        right: 0;
    }

    /* SKILL 12 */
    .skill12{
        width: 70%
    }

    .skill12 .skill-count12 {
        right: 0;
    }



    /* SKILL 13 */
    .skill13{
        width: 50%
    }

    .skill13 .skill-count12 {
        right: 0;
    }