@charset "utf-8";
/* responsive stylesheet */

@media screen and (max-width: 1244px) {
.inner {width: 90%; margin: 0 5%;}
}

@media screen and (max-width: 1144px) {
main {height: auto;}
section {height: auto; width: calc(50% - 2px);}
}

@media screen and (max-width: 944px) {
.col3 {float: left; width: 100%;}
.container article aside.sites .col3:nth-child(1) p {text-align: center;}
.container article aside.sites .col3:nth-child(2) p {text-align: center;}
.container article aside.sites .col3:nth-child(3) p {text-align: center;}
}

@media screen and (max-width: 644px) {
section {width: calc(100% - 2px);}
section:nth-child(1) {order: 1; min-height: 200px;} /* Main logo */
section:nth-child(2) {order: 2;} /* Picture */
section:nth-child(3) {order: 3;} /* Intro */
section:nth-child(4) {order: 4; min-height: 200px;} /* Definitely 90s */
section:nth-child(5) {order: 8; max-height: 200px;} /* Facebook */
section:nth-child(6) {order: 5;} /* The 45s */
section:nth-child(7) {order: 9;} /* Instagram */
section:nth-child(8) {order: 6; min-height: 200px;} /* Out By Nine */
section:nth-child(9) {order: 7;} /* Gig List */
section:nth-child(10) {order: 11; min-height: 200px;} /* WH Internet */
section:nth-child(11) {order: 10; min-height: 200px;} /* Bull Marketing */
section:nth-child(12) {order: 12;} /* LinkedIn */
section aside.intro .internal .content {width: calc(100% - 2px); margin: 0px;}
section aside.gig-list .internal .content {width: calc(100% - 2px); margin: 0px;}
.container article {padding: 50px 5%; width: 90%;}
.container article aside.gig-list .row-gig .graphic img {max-width: 100%;}
.container article aside.gig-list .row-gig .detail p {font-size: 1.0em;}
}

@media screen and (max-height: 544px) {
main {height: auto;}
section {height: auto;}
}