bueno la otra solucion que te traigo es esta y es la ultima que se me ocurre, aun que con la anterior a mi me funciona bien ._.
En la Clase
.col agrega
height: 30%;
En la Clase
.main agrega
min-height: 970px; y
height: auto; en la Clase
.col pero solo en la Media Querie
@media screen and (max-width:1030px)
asi:
Código CSS:
Ver original@media screen and (max-width:1030px) {
footer .text{
width: 100%;
float: right;
text-align: center;
}
.col{
width: 100%;
margin: 0px;
margin-top: 20px;
height: auto;
}
.main {
min-height: 970px;
}
}