sidebar.sidebar {
    float:$float-right;
    width:250px;
    padding-#{$right}:50px;
    padding-top: 100px;
    height:calc(100vh - 75px);
    // box-shadow: 0px 0px 5px 5px rgba(0,0,0,.1);
    // position:fixed;
    @media #{$maxSmall} {
        padding: 30px;
        padding-top:100px;
        width: 100%;
        height: auto !important;
        position:relative;
    }
    .info {
        h3 {
            margin:15px 0;
        }
        .pic {
            height:130px;
            width:130px;
            border-radius: 50%;
            border:1px solid #000;
            svg {
                width: 40px;

            }
            i {
                height:100%;
                width:100%;
                line-height: 120px;
                font-size: 50px;
                text-align:center;
            }
        }
        header {
            div {
                color:$fontColor;
                font-weight:bold;
            }
        }
    }
    ul.list {
        list-style:none;
        li {
            width:100%;
            a {
                // border-bottom:1px solid #000;
                display:block;
                padding:10px 0;
                text-decoration: none;
                color:#000;
                font-size:18px;
            }
            // &:not(:last-of-type) {
            //     margin-bottom:20px;
            // }
        }
    }
}
.main-section {
    main {
        width:calc(100% - 300px);
        float:$float-left;
        @media #{$maxSmall} {
            width:100%;
        }
    }
}