JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer">
			<div class="footer_info">
				<div class="footer_contact"><b>TEL:</b> 6 979 200; <b>E-Post:</b> <a class="footer_email" href="mailto:frens@frens.ee" target="_top">frens@frens.ee</a></div>
				<div class="footer_links"><a href="#" class="footer_frens_link">Frens Catering</a>; <a href="#" class="footer_shop_link">E-Pood</a></div>
				<div class="footer_rights">© Kõik õigused kaitstud. Frens 2017</div>
			</div>
		</div>

CSS

.footer {
    background-color: #D93240;
    color: #FFF;
    padding: 20px 0px;
    box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.75);
    font-size: 16px;
}

.footer_info {
    width:100%;
    text-align:center;
    background-color: #D93240;
    text-align: center;
}

.footer_contact {
    float:left;
    text-align: left;
    margin-left: 40px;
}

.footer_links {
    display: inline-block;
    margin:0 auto;
    text-align: center;
}

.footer_rights {
    float:right;
    text-align: right;
    margin-right: 40px;
    font-size: 12px;
}

.footer_email, .footer_frens_link, .footer_shop_link, .proj_assist {
    text-decoration: none;
    color: #FFF;
}

@media all and (max-width : 768px) {
  .footer_email, .footer_frens_link, .footer_shop_link {
        text-decoration: none;
        color: #FFF;
    }

    .footer {
        background-color: #D93240;
    }

    .footer_contact !important{
        float:none;
        text-align: center;
    }

    .footer_links {
        text-align: center;
    }

    .footer_rights {
        float:none;
        text-align: center;
    }
 }