.footer {
    border-radius: 12px;
    overflow: hidden;

    color: rgba(255, 255, 255, 0.8);

    font-family: 'Poppins', sans-serif;
}

.footer .thin-border {
    border-right: 2px solid rgba(255, 255, 255, 0.5);
}

.footer-large {
    height: auto;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303030+0,222222+40,222222+100 */
	background: #303030;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #404040 0%, #303030 20%, #252525 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #404040 0%, #303030 20%, #252525 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #404040 0%, #303030 20%, #252525 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#252525', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.footer-small {
    height: 50px;

    background-color: #222222;
}

@media screen and (max-width: 1270px)
{
    .footer-large .text {
        font-size: 12px;
    }
}

@media screen and (max-width: 1040px)
{
    .footer-large .text {
        font-size: 10px;
    }

    .footer-small {
        font-size: 12px;
    }
}

@media screen and (max-width: 990px)
{
    .footer .thin-border {
        border-right: 0px solid rgba(255, 255, 255, 0.5);
    }

    .footer-large .text {
        font-size: 12px;
    }

}

@media screen and (max-width: 690px)
{
    .footer-large .text {
        font-size: 10px;
    }
}