/*
 ____ _____  ____   ____    __      ____  __ __  ___      ___  ____  
|    / ___/ /    | /    |  /  ]    |    \|  |  ||   \    /  _]|    \ 
 |  (   \_ |  o  ||  o  | /  /     |  D  )  |  ||    \  /  [_ |  D  )
 |  |\__  ||     ||     |/  /      |    /|  |  ||  D  ||    _]|    / 
 |  |/  \ ||  _  ||  _  /   \_     |    \|  :  ||     ||   [_ |    \ 
 |  |\    ||  |  ||  |  \     |    |  .  \     ||     ||     ||  .  \
|____|\___||__|__||__|__|\____|    |__|\_|\__,_||_____||_____||__|\_| . u s
                                                                     
*/

html, body {margin: 0; padding: 0; width: 100%; height: 100%; background-color: #000000; 
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	         font-smoothing: antialiased;}
body {overflow-y: scroll;
overflow-x: hidden;}

::-moz-selection {background: #db1947; color: #000000; text-shadow: none;}
	  ::selection {background: #db1947; color: #000000; text-shadow: none;}


.mobile {display: inline-block !important;}
.desktop {display: none !important;}

.clear {clear:both;}
.spacer {margin-bottom: 5rem;}
.doublespacer {margin-bottom: 10rem;}

img {width: 100%; height: auto; margin: 0; padding: 0;}
a img {width: 100%; height: auto; margin: 0; padding: 0;}



/* Layout */
#container {width: 100%; height: 100%; padding: 0; margin: 0;}
.office, .art {width: 100%; height: calc(50% - 3px); position: fixed; left: 0; display: flex; align-items: center;}
.office img, .art img {max-width: 400px;}
.office {background-color: #f15a24; top: 0;}
.art {background-color: #BF6EFF; bottom: 0;}


/* Grid */
.column, .columns {display: inline-block; float: left; margin: 0; padding: 0;}
.column, .typecolumn, .one.columns, .two.columns, .three.columns, .four.columns, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eleven.columns, .twelve.columns {margin-right: 0;}
.offsetbyone, .offsetbytwo, .offsetbythree, .offsetbyfour, .offsetbyfive, .offsetbysix, .offsetbyseven, .offsetbyeight, .offsetbynine, .offsetbyten, .offsetbyeleven {margin-left: 0;}

@media only screen and (min-width: 900px) { 

	.office, .art {height: calc(50% - 4px);}
	.office img, .art img {max-width: 600px;}

	.mobile {display: none !important;}
	.desktop {display: inline-block !important;}

	.one.columns	{width: 8.333%}
	.two.columns	{width: 16.666%}
	.three.columns	{width: 25%}
	.four.columns	{width: 33.333%}
	.five.columns	{width: 41.666%}
	.six.columns	{width: 50%}
	.seven.columns	{width: 58.333%}
	.eight.columns	{width: 66.666%}
	.nine.columns	{width: 75%}
	.ten.columns	{width: 83.333%}
	.eleven.columns	{width: 91.666%}
	.twelve.columns	{width: 100%}

	.offsetbyone	{margin-left: 8.333%;}
	.offsetbytwo	{margin-left: 16.666%;}
	.offsetbythree	{margin-left: 25%;}
	.offsetbyfour	{margin-left: 33.333%;}
	.offsetbyfive	{margin-left: 41.666%;}
	.offsetbysix	{margin-left: 50%;}
	.offsetbyseven	{margin-left: 58.333%;}
	.offsetbyeight	{margin-left: 66.666%;}
	.offsetbynine	{margin-left: 75%;}
	.offsetbyten	{margin-left: 83.333%;}
	.offsetbyeleven	{margin-left: 91.666%;}
}