Template:WLC-Milwaukee/footer

<style>

globalWrapper{

height: 100%;
position: relative;
padding: 0;
margin: 0;

}

content{

height: 100%; }

.footer{

 width: 100%;
 position: relative;
 top: 10px;
 left: 0;
 -webkit-box-shadow: 0px 13px 15px 10px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 13px 15px 10px rgba(0,0,0,0.75);
 box-shadow: 0px 13px 15px 10px rgba(0,0,0,0.75);
 background-color: var(--gray);

} .footer-links{

 padding: 1em;
 display: flex;

}

.footer-list{

 float: left;
 list-style: none;
 padding: 1em 5vh;
 line-height: 1.5em;
 flex-grow: 0.1;

}

.footer-list li a{

 font-family: 'Arimo';
 font-style: normal;
 font-size: 1em;
 text-decoration: none;
 color: #444;

}

.footer-list li a.header{

 font-family: Arimo;
 font-weight: bold;
 text-decoration: underline;

}

.footer-list li a:hover{

 text-decoration: underline;

}

.footer-bottom{

 display: flex;
 flex-direction: row;
 align-items: center;
 background-color:var(--primary-color);
 text-align: left;
 padding: 0.75em 2em;
 position: relative;

}

.wlc-logo { margin-right: 13px; } .logo-footer{

 color: white;
 font-family: 'Arimo';
 font-weight: 600;
 font-style: normal;
 font-size: 1.2em;

}

.social-footer { position: absolute; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: row; align-items: center; padding-right: 2em; }

.social-footer i { font-size: 40px; }

.social-footer a { text-decoration: none; text-align: left; padding-left: 10px;

 color: white;

}

/* Use a media query to add a breakpoint: */ @media only screen and (max-width:620px) {

 /* For mobile phones: */

body{

 margin: 0;

} }

/*Specific Mobile Footer Style*/ @media only screen and (max-width:836px) {

 .footer-links{
   display: flex;
   flex-wrap: wrap;

 }
 .footer-list
 {
   flex: 0 30%;
 }

} </style>

     <img class="wlc-logo" width="50" alt="Wisconsin Lutheran College" src=""/>
     WLC-Milwaukee