/*** Mobile  ****/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    
.wrapper
{ float: left; margin: 0; width: 100%; }

header
{ float: left; height: auto; left: 0; margin: 15px 0 30px; padding: 0; position: relative; top: 0; width: 100%; }

    h1, h1 a, h1 a:visited
    { color: #C72241; cursor: pointer; float: left; font: 52px/60px 'Pacifico',cursive; height: auto; margin: 0; padding: 0 5px; /* text-shadow: -4px 3px 0 #630A1B; */ }

.content
{ float: left; height: auto; left: 0; margin: 0; position: relative; top: 0; width: 100%; }

section
{ border-bottom: 1px solid #F8DD6F; clear: both; display: block; float: left; margin: 0 0 10px; padding: 5px 0 0; width: 100%; }

    section h2
    { border-bottom: 1px solid #D7B322; color: #2A96CE; font-size: 14px; font-weight: bold; line-height: 20px; padding: 0 5px; }
    
        section p
        { border-bottom: 1px solid #D7B322; border-top: 1px solid #F8DD6F; clear: both; display: block; float: left; font-size: 20px; line-height: 26px; padding: 6px 12px; width: 100%; }
        
            section  p a, section  p a:visited
            { clear: both; display: block; float: left; font-size: 20px; line-height: 26px; padding: 0; width: 100%; }
            
            section  p a:hover
            { background: none; clear: both; display: left; float: none; padding: 0; width: 100%; }
    
}