/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-Jan-2022, 15:16:30
    Author     : Jafran Mjm
*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-Jan-2022, 16:20:09
    Author     : Jafran Mjm
*/

@import 'config';


.content{
    p{
        color: $clr_3;
        font-size: 16px;
        line-height: 22px;
        margin: 17px 0;
        width: 350px;
        a{
            text-decoration: underline;
            color: #0090ff;
        }
    }

    .social-blk{
        margin: 33px 0;
        margin-left: -20px;
        a{
            display: inline-block;
            margin-left: 20px;
            font-size: 10px;
            text-decoration: underline;
            color: #0090ff;
            padding-top: 47px;
            min-width: 49px;
            text-align: center;
            &.fb{
                background: url(../img/welcome-fb.png) no-repeat center top;
                background-size: 42px;
            }
            &.inst{
                background: url(../img/welcome-inst.png) no-repeat center top;
                background-size: 42px;
            }
            &.twt{
                background: url(../img/welcome-twt.png) no-repeat center top; 
                background-size: 42px;
            }
            &.yt{
                background: url(../img/welcome-yt.png) no-repeat center top;
                background-size: 42px;
            }
            &.lin{
                background: url(../img/welcome-lin.png) no-repeat center top;
                background-size: 42px;
            } 
        }
    }
}

.back{ 
    margin-top: 81px;
    .contact{
        float: right;
    }
}

.content-sidebar .content .inner .common-title-2{
    margin-bottom: -3px;
}
@media screen and (max-width : 600px){
    .content p{
        width: 100%;
    }
    .back{
        margin-top: 50px;
    }
}

@media screen and (max-width : 500px){
    .content .social-blk{
        margin-bottom: 18px;
        a{
            min-width: 60px;
            margin-bottom: 15px;
        }
    }
}