*{
padding:0;
margin:0;
box-sizing:border-box;
}


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

.soc{
position:absolute;
right:10px;
display:inline-block;
float:left;
}

.cols{
margin-top:5px; 
background:none;
width:65%;
float:none; 
}

img.ti{
width:100% !important;
margin-bottom:5%; 
} 
.containers{
text-align:center;
}
.ft{
text-align:center;
}
footer .col{
width:100%;
float:none;
}

footer .col h2 {
font-size: 12px;
}
footer .col h2 span {
font-size: 12px;
}

}

//
@media screen and (max-width:580px){
img.ti{
width:50% !important; 
}
.containers {
text-align:left;
}   

}