@media all and (min-width:1px) 
{
    #footers { clear: both; float: left; min-height: 200px; width: 100%; background-color: #FFFFFF; text-align: center; }
    
    #footernavcontainer { clear: both; float: left; width: 100%; text-align: center; }
    
    #footernav li:nth-of-type(odd) { clear: both; float: left; width: 100%; display: inline-block; vertical-align: top; }
    #footernav li:nth-of-type(even) { clear: both; float: left; width: 100%; display: inline-block; vertical-align: top; }
    #footernav li { box-sizing: border-box; padding: 0 1em 2em 1em; }
    ul.footernav { list-style-type: none; margin: auto; padding: 0; overflow: hidden; float: none; }
    ul.footernav li a {
        color: #6D6E71; text-align: center; text-decoration: underline; text-transform: uppercase; transition: 0.3s;
        font-size: 14px; font-family: Roboto, Arial, sans-serif; font-weight: bold; letter-spacing: 0.10em;
    }
    .footerp1 { float: left; margin: 0 2em 0 0; text-align: left; }
    .footerp2 { 
        float: left; clear: both; width: 100%; color: #6D6E71; text-decoration: none; text-transform: uppercase; font-size: 1.25em; font-family: Roboto, Arial Black, Arial, sans-serif; font-weight: bold;
        letter-spacing: 0.10em; margin: 1em 0 1em 0; text-align: left;
    }
    .footerp3 { float: left; clear: both; width: 100%; text-align: left; padding: 0 0 0.75em 0; }     
}

@media all and (min-width:640px) 
{
    #footernavcontainer { clear: both; float: left; width: 100%; text-align: center; }
    
    #footernav li:nth-of-type(odd) { clear: both; float: left; width: 100%; display: inline-block; vertical-align: top; }
    #footernav li:nth-of-type(even) { clear: both; float: left; width: 100%; display: inline-block; vertical-align: top; }
    #footernav li { box-sizing: border-box; padding: 0 1em 2em 1em; }
    ul.footernav { list-style-type: none; margin: auto; padding: 0; overflow: hidden; float: none; }
    ul.footernav li a {
        color: #6D6E71; text-align: center; text-decoration: underline; text-transform: uppercase; transition: 0.3s;
        font-size: 14px; font-family: Roboto, Arial, sans-serif; font-weight: bold; letter-spacing: 0.10em;
    }
    .footerp1 { float: left; margin: 0 2em 0 0; text-align: left; }
    .footerp2 { 
        float: left; clear: both; width: 100%; color: #6D6E71; text-decoration: none; text-transform: uppercase; font-size: 1.25em; font-family: Roboto, Arial Black, Arial, sans-serif; font-weight: bold;
        letter-spacing: 0.10em; margin: 1em 0 1em 0; text-align: left;
    }
    .footerp3 { float: left; clear: both; width: 100%; text-align: left; padding: 0 0 0.75em 0; }
}

@media all and (min-width:768px) 
{
    #footernavcontainer { clear: both; float: left; width: 100%; text-align: center; }
    
    #footernav li:nth-of-type(odd) { clear: both; float: left; width: 50%; display: inline-block; vertical-align: top; }
    #footernav li:nth-of-type(even) { clear: none; float: left; width: 50%; display: inline-block; vertical-align: top; }
    #footernav li { box-sizing: border-box; padding: 0 1em 2em 1em; }
    ul.footernav { list-style-type: none; margin: auto; padding: 0; overflow: hidden; float: none; }
    ul.footernav li a {
        color: #6D6E71; text-align: center; text-decoration: underline; text-transform: uppercase; transition: 0.3s;
        font-size: 14px; font-family: Roboto, Arial, sans-serif; font-weight: bold; letter-spacing: 0.10em; line-height: 1.25em;
    }
    .footerp1 { float: left; margin: 0 2em 0 0; text-align: center; width: 100%; }
    .footerp2 { 
        float: left; clear: both; width: 100%; color: #6D6E71; text-decoration: none; text-transform: uppercase; font-size: 1.25em; font-family: Roboto, Arial Black, Arial, sans-serif; font-weight: bold;
        letter-spacing: 0.10em; margin: 1em 0 1em 0; text-align: center;
    }
    .footerp3 { float: left; clear: both; width: 100%; text-align: center; padding: 0 0 0.5em 0; }    
}
@media all and (min-width:1024px) 
{
    #footernavcontainer { clear: both; float: left; width: 100%; text-align: center; }
    
    #footernav li:nth-of-type(odd) { clear: none; float: left; width: 25%; display: inline-block; vertical-align: top; }
    #footernav li:nth-of-type(even) { clear: none; float: left; width: 25%; display: inline-block; vertical-align: top; }
    #footernav li { box-sizing: border-box; padding: 0 1em 2em 1em; }
    ul.footernav { list-style-type: none; margin: auto; padding: 0; overflow: hidden; float: none; }
    ul.footernav li a {
        color: #6D6E71; text-align: center; text-decoration: underline; text-transform: uppercase; transition: 0.3s;
        font-size: 14px; font-family: Roboto, Arial, sans-serif; font-weight: bold; text-shadow: 0.01em 0.01em 0.01em #000; letter-spacing: 0.10em;
    }
    .footerp1 { float: left; margin: 0 2em 0 0; text-align: center; width: 100%; }
    .footerp2 { 
        float: left; clear: both; width: 100%; color: #6D6E71; text-decoration: none; text-transform: uppercase; font-size: 1.25em; font-family: Roboto, Arial Black, Arial, sans-serif; font-weight: bold;
        letter-spacing: 0.10em; margin: 1em 0 1em 0; text-align: center;
    }
    .footerp3 { float: left; clear: both; width: 100%; text-align: center; padding: 0 0 0.5em 0; }   
}