.author {

background-color: var(--ligther-main-color);

} .author-img-wrapper {

margin: 25px 0;

}

.author-img {

width: 55%;
display: block;
margin: 0 auto;

}

@media only screen and (max-width : 1600px) {

.author-img {
  width: 70%;
}

}

@media only screen and (max-width : 1300px) {

.author-img {
  width: 85%;
}

}

@media only screen and (max-width : 900px) {

.author-img {
  width: 100%;
}

}

.author-info {

margin-top: 25px;

}

.author-info h5 {

color: #ececec;
font-weight: 300;
margin-bottom: 0px;

}

.author-name {

font-weight: 600;
margin: 0px;

}

.author-description {

font-weight: 200;
font-size: 22px;
margin-top: 5px;

}

.share > .s12 >.s10{

border-top: 1px solid #f2f2f2;
padding-top: 20px;

}

.share-header {

font-size: 20px;
font-weight: 300;
color: $lightMainColor;

}

.fb-color {

background-color: $facebookColor;

}

.share > div > div > .btn-floating {

margin: 0 10px 0 10px;

}

.btn-floating:hover {

box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3), 0 1px 7px 0 rgba(0,0,0,0.3), 0 3px 1px -1px rgba(0,0,0,0.3);

}

.fb-color:hover {

background-color: $facebookColor;

}

.fb-color:focus {

background-color: $facebookColor;

}

.fb-btn {

display: inline-block;
text-indent: -9999px;
width: 30px;
height: 54px;
-webkit-mask: url(../img/icons/facebook.svg)  no-repeat;
mask: url(../img/icons/facebook.svg)  no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;

}

.twitter-btn {

display: inline-block;
text-indent: -9999px;
width: 30px;
height: 54px;
-webkit-mask: url(../img/icons/twitter.svg)  no-repeat;
mask: url(../img/icons/twitter.svg)  no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;

}

.github-btn {

display: inline-block;
text-indent: -9999px;
width: 30px;
height: 54px;
-webkit-mask: url(../img/icons/github.svg)  no-repeat;
mask: url(../img/icons/github.svg)  no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;

}

.instagram-btn {

display: inline-block;
text-indent: -9999px;
width: 30px;
height: 54px;
-webkit-mask: url(../img/icons/instagram.svg)  no-repeat;
mask: url(../img/icons/instagram.svg)  no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;

}

.linkedin-btn {

display: inline-block;
text-indent: -9999px;
width: 30px;
height: 54px;
-webkit-mask: url(../img/icons/linkedin.svg)  no-repeat;
mask: url(../img/icons/linkedin.svg)  no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;

}

.twitter-color {

background-color: $twitterColor;

}

.twitter-color:hover {

background-color: $twitterColor;

}

.twitter-color:focus {

background-color: $twitterColor;

}

.btn-white {

transition: background-color 0.7s ease;
background-color: white;

}

.social-media-icon {

padding-right: 20px;

}

.social-media-icon > .btn-white:hover {

background-color: grey;

}