a, a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}
body {
    padding-top: 60px;
}
header {
    height: 60px;
    z-index: 10;
}
footer {
    background-color: #111;
}
.form-control {
    padding: .5rem .75rem;
}
 .ls--1 {
    letter-spacing: -0.08rem;
 }
 .ls--2 {
    letter-spacing: -0.15rem;
 }
 .opacity-10 {
    opacity: .1!important;
 }
 .lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lines-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scroll-touch {
    overflow-y: auto;
    overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#lessonbox {
    background-color: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 40px;
}
.avatar {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
}

 #hero {
    height: 40vh;
 }
 .inner-page {
    min-height: 80vh;
 }
 @media (min-width: 992px) {
	#hero {
        height: 50vh;
     }
}
@media (min-width: 1200px) {
	
}