*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: rgb(244, 241, 241);
    font-family: 'Source Sans Pro', sans-serif;
}
.container{
    max-width: 1200px;
    margin: auto;
}
.margin_bottom{
    margin-bottom: 12px;
}
.padding_default{
    padding: 0 16px;
}
.captext{
    text-transform: capitalize;
}
.font_25{
    font-size: 1.2rem;
}
.bg_text{
    color: #494953;
}
.text_height{
    line-height: 1.4;
}





footer{
    background-color: rgb(105, 120, 143);
    padding: 10px 16px 60px;    
}
footer .footerlog{
    max-width: 1200px;
    margin: auto;
}
footer .footerlog .company p{
    text-align: left;
    color: #c4c4c5;
}
footer .footerlog .company img{
    width: 100px;
}

footer .footerlog{
    display: grid;
    grid-template-columns: auto auto auto auto;
}
footer .footerlog > div a{
    text-decoration: none;
    color: white;
    display: block;  
    padding: 5px 0;  
}
footer .footerlog > div h3{
    color: rgb(242, 236, 201);
    text-transform: capitalize;
    margin-bottom: 10px;
}

.copyright{
    background-color: rgba(136, 133, 133, 0.998);
    color: white;
    padding: 20px 10px;
    text-align: center;
}

@media(max-width: 620px){
    footer .footerlog{
        grid-template-columns: auto;
        padding: 10px;
    }
    footer .footerlog > div{
        margin: 15px 0;
        text-transform: capitalize;
    }
}