html {
    position: relative;
    min-height: 100%;
}

body {	
	font-size: 16px;
	background-color:#ffffff;
    min-height: 100%;
    margin: 0 0 6em 0;
}	

#footerContainer {
	width:100%;
	position:absolute;
    left: 0;
    bottom:0;
    height:6em;
    overflow: hidden;
	background-color:#f7f7f7;
    border-top: 1px solid #eeeeee;
}

/*---------------------------------------------------- 
   __ __            __       
  / // /__ ___ ____/ /__ ____
 / _  / -_) _ `/ _  / -_) __/
/_//_/\__/\_,_/\_,_/\__/_/   
                                                                                                                
----------------------------------------------------*/

.footerContent {
	width:62.5em;
	/*position: relative;*/
	margin: 0 auto;
	text-align: center;
	padding: 2em 0 0.625em 0;
    height:3em;

}



a {
    color: #f19850;
    text-decoration: none;
    font-family: "proxima-nova",sans-serif;
    font-style:normal;
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 0.01em; 
	padding:0.625em;
}

a:hover {
    color: #f19850;
    text-decoration: underline;
    font-family: "proxima-nova",sans-serif;
    font-style:normal;
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 0.01em; 
	padding:0.625em;
}




/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------

         _____                 _ _     _____                          
        /  ___|               | | |   /  ___|                         
        \ `--. _ __ ___   __ _| | |   \ `--.  ___ _ __ ___  ___ _ __  
         `--. \ '_ ` _ \ / _` | | |    `--. \/ __| '__/ _ \/ _ \ '_ \ 
        /\__/ / | | | | | (_| | | |   /\__/ / (__| | |  __/  __/ | | |
        \____/|_| |_| |_|\__,_|_|_|   \____/ \___|_|  \___|\___|_| |_|
                                                                      
                                                                      
-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
                                                              
                                                              

@media screen and (max-width:62.5em) and (min-width:46.875em) {
	
	body {
		font-size: 16px;
	}
    
.footerContent {
	width:80%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding: 2em 0 0.625em 0;	
}
	
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------
 
         _____     _     _      _   
        |_   _|   | |   | |    | |  
          | | __ _| |__ | | ___| |_ 
          | |/ _` | '_ \| |/ _ \ __|
          | | (_| | |_) | |  __/ |_ 
          \_/\__,_|_.__/|_|\___|\__|
                                                
	
-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
	
@media screen and (max-width:46.874em) and (min-width:22em) {
	
	body {
		font-size: 16px;
        margin: 0 0 20em 0;

	}
    #footerContainer {
        height: 20em;
    }
    
    .footerContent {
        width:90%;
        /*position: relative;*/
        margin: 0 auto;
        text-align: center;
        padding: 2em 0 2em 0;
        height:20em;
    }
	
    a {
        display: block;
    }
	
	
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------
 
        ___  ___      _     _ _      
        |  \/  |     | |   (_) |     
        | .  . | ___ | |__  _| | ___ 
        | |\/| |/ _ \| '_ \| | |/ _ \
        | |  | | (_) | |_) | | |  __/
        \_|  |_/\___/|_.__/|_|_|\___|
                                     
                                     
-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:22em) {
	
    body {
		font-size: 16px;
        margin: 0 0 20em 0;
    }
	
    #footerContainer {
        height: 20em;
    }
    
    .footerContent {
        width:90%;
        position: relative;
        margin: 0 auto;
        text-align: center;
        padding: 2em 0 2em 0;
        height:auto;
    }
	
    a {
        display: block;
    }
	
}