@media screen and (max-width: 1000px) {
.p-wrap,
footer { width: 100%; padding-left:2%; padding-right:2%;}
}

/* Mobiles */
@media screen and (max-width: 480px) {
h1 { padding:0 5%;}
article { width: 90%; padding:0 5%;}
.links { margin: 30px 0; }
.links li { width: 100%;}
nav a { padding:15px 0; display: block; }
nav li { width: 100% !important;}

.half { width: 100%; overflow: hidden; float: none !important; }

.three { width: 100%;}
.padd { margin-top: 0;}

.content { padding-top: 30px;}
#nav { width: 100%;}
.contact .columns { display: block; }
.columns .wrap {
    width:100%;
    flex: inherit;
}

}