.main-social-media #social-links {
    margin: 0 auto;
}
.main-social-media #social-links ul {
    padding: 0;
}  
.main-social-media #social-links ul li {
    /*display: inline-block;*/
    border: 1px solid #ccc;
    background: white;
    list-style-type: none;

}  
.main-social-media #social-links ul li:hover a{
    /*display: inline-block;*/
    border: 1px solid #ccc;
    background: var(--site-color-dark);
    color: white;
}          
.main-social-media #social-links ul li a {
    padding: 0 .5rem;
    /*margin-right: 1px;*/
    font-size: 2rem;
}          

.main-social-media{
    top: 40%;
    left: 0;
    z-index: 2;
}         

/*top sticky*/
.main-social-media-top{
    top: 30%;
    right: 0;
    z-index: 2;
/*    text-align: right;*/
}

.main-social-media-top #social-links ul {
    margin: 0 !important;
    padding: 0;
}
.main-social-media-top #social-links ul li {
/*    padding: 0 .5rem;*/
/*    margin-right: 1px;*/
    font-size: 2rem;
    list-style-type: none;
}  

.main-social-media-top #social-links ul li a {
    font-size: 2rem;
} 

/*#social-links ul li a{
    padding: 5px;
    border: 1px solid #ccc;
    margin: 1px;
    font-size: 15px;
    background: #e3e3ea;
}*/
.title-main {
    font-size: 3rem;
}

.title-top-main {
    font-size: 2rem;
    color: #fff;
}

.title-below-main {
    font-size: 1.5rem;
}
@media all and (max-width: 992px) {
    .text-main-justify{
        text-align: justify;
    }
}

.detail-main-style img{
    width: 100%;
}

.detail-main-style blockquote{
    font-weight: bold;
    text-align: center;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    border-left: 5px solid #2ecc71;
    background: #ecf0f1;
    color: #2c3e50;
    font-style: italic;
}
.detail-main-style blockquote p{
    margin-bottom: 0;
}