.page-footer .links a{
    text-decoration:none
}
.portfolio-block .heading .h2,.portfolio-block .heading h2{
    text-transform:none
}
.fa-icons{
    color:#5b86bb
}
.custom-btn{
    background:#fff;
    color:#716e6e;
    border-radius:0;
    border:1px solid #5b86bb
}
.fa.fa-tablet{
    font-size:50px;
    color:#4e85c8
}
.special-skill-item.card-custom{
    padding:50px;
    height:250px;
    background:rgba(216,191,216,0)
}
.custom-btn-sec{
    border-radius:0;
    color:#fff!important;
    background:rgba(0,0,0,0);
    border:1px solid
}
.test{
    height:256px!important
}
.tablets-mobile-icon{
    filter:brightness(0) invert(1)
}
#tw:hover{
    background:#7dabfc
}
#fb:hover{
    background:#4787fa
}
#in:hover{
    background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
}
body,html{
    min-width:290px;
    color:#4d4e53;
    background-color:#fff;
    font-family:'Open Sans',Arial,sans-serif;
    line-height:1.5
}
#navbar{
    position:fixed;
    min-width:290px;
    top:0;
    left:0;
    width:300px;
    height:100%;
    border-right:solid;
    border-color:rgba(0,22,22,.4)
}
header{
    color:#000;
    margin:10px;
    text-align:center;
    font-size:1.8em;
    font-weight:thin
}
#main-doc header{
    text-align:left;
    margin:0
}
#navbar ul{
    height:88%;
    padding:0;
    overflow-y:auto;
    overflow-x:hidden
}
#navbar li{
    color:#4d4e53;
    border-top:1px solid;
    list-style:none;
    position:relative;
    width:100%
}
#navbar a{
    display:block;
    padding:10px 30px;
    color:#4d4e53;
    text-decoration:none;
    cursor:pointer
}
#main-doc{
    position:absolute;
    margin-left:310px;
    padding:20px;
    margin-bottom:110px
}
section article{
    color:#4d4e53;
    margin:15px;
    font-size:.96em
}
section li{
    margin:15px 0 0 20px
}
code{
    display:block;
    text-align:left;
    white-space:pre-line;
    position:relative;
    word-break:normal;
    word-wrap:normal;
    line-height:2;
    background-color:#f7f7f7;
    padding:15px;
    margin:10px;
    border-radius:5px
}
.portfolio-block.skills
{
border-bottom: 0;
}

@media only screen and (max-width:815px){
    #navbar ul{
        border:1px solid;
        height:207px
    }
    #navbar{
        background-color:#fff;
        position:absolute;
        top:0;
        padding:0;
        margin:0;
        width:100%;
        max-height:275px;
        border:none;
        z-index:1;
        border-bottom:2px solid
    }
    #main-doc{
        position:relative;
        margin-left:0;
        margin-top:270px
    }
.special-skill-item.card-custom{
		height: auto;
		padding:0;
}

}
@media only screen and (max-width:400px){
    #main-doc{
        margin-left:-10px
    }
    code{
        margin-left:-20px;
        width:100%;
        padding:15px 45px 15px 10px;
        min-width:233px
    }
}