/* GLOBAL STYLES */

html{
    background: #000;
}

body{
    margin:0 auto;
    width:80%;
    background:#c00;
}

header{
    min-height: 150px;
    text-align: center;
    margin:0 auto;
}

section{
    width:62%;
    float:left;
    padding:0 1em;
    background: tan;
}

aside{
    width:31%;
    background: tan;
    float:right;
    padding:0 1em;
    text-align:justify;
}

aside h3{
    text-align: center;
}

footer{
    clear:both;
    min-height: 40px;
    text-align: center;
    padding-top: 75px;
    padding-bottom: 0;
}

/* DESKTOP */
@media all and (min-width:1279px) {
  
    html {
        background: #000;
    }
    
    body {
        background:#c00;
        width: 80%;
        margin: 0 auto;
        padding: 1em;
    }
    
}

    .onecol{
        width:90%;
        margin:0 auto;
        float:none;
        padding:0 1em;
    }


/* TABLET */
@media all and (min-width:481px) and (max-width:1278px) {
	
    html {
        background: #000;
    }
    
    body {
        background:#c00;
        width: 80%;
        margin: 0 auto;
        padding: 1em;
		}
		
	section{
        width:90%;
		text-align: center;
        float:none;
        margin: 0 auto;
		}
    
    .onecol{
        width:90%;
        margin:0 auto;
        float:none;
        padding:0 1em;
        }
    
    aside{
        width:90%;
        text-align: center;
        float:none;
        margin: 0 auto;
    }
}


/*PHONE*/
@media all and (max-width: 480px){

     body {
        background:#c00;
        width:90%;
        padding: 1em;
		}
    
    header{
        width:90%;
    }
		
	section{
        width:80%;
		text-align: center;
        float:none;
        margin:0 auto;
		}
    
    .onecol{
        width:80%;
		text-align: center;
        float:none;
        margin:0 auto;
        }
    
    aside{
        width:80%;
		text-align: center;
        float:none;
        margin:0 auto;
    }
    
    footer{
        width:85%;
    }
}