@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,400italic,700italic|Abril+Fatface:400);
/*
fuschia:		#D63ED6		rgb(214,62,214)
*/
html {
	box-sizing: border-box;
	font-size: 21px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
section {
	width:90%;
	max-width:980px;
	margin:0 auto;
	clear:both;

	
}
body { 
	line-height:1.6; 
	font-weight: 400; 
	margin: 0; 
	padding:0;
	font-family:Montserrat, 'Century Gothic', sans-serif;
}
body>header {
	background-color: rgb(214,62,214);
	clear: both;
	
	margin:0;
	padding: 1rem 0 2rem 0;
	top:0;
	width:100%;
	
 	z-index:0; 

	text-shadow: 0 0 .2rem rgb(214,62,214);
	
	background-position:center center;

	background-size: 4rem 4rem;
	background-repeat:repeat-all;

 	position:relative; 
	height:15rem;
}

body>header, html, body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d13078+5,d63ed6+40,d63ed6+60,8f35b2+95 */
	background: rgb(214,62,214); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(209,48,120) 5%, rgb(214,62,214) 40%, rgb(214,62,214) 60%, rgb(143,53,178) 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(209,48,120) 5%,rgb(214,62,214) 40%,rgb(214,62,214) 60%,rgb(143,53,178) 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(209,48,120) 5%,rgb(214,62,214) 40%,rgb(214,62,214) 60%,rgb(143,53,178) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d13078', endColorstr='#8f35b2',GradientType=1 ); /* IE6-9 */

	color:#efefef;
/*	background-attachment:fixed;*/
	background-attachment: scroll;
	background-size:100% 200%;
}


main {
	background-color:#f9f9f9;
	color: #333333;
	display: block;
	margin: 0 0 0 0;
	padding: 2rem 0;
	clear: both;
	width: 100%;
 	z-index:10; 

}
main>section {
/*	margin-top:4rem;*/
}

footer>section {
	padding-top:2rem;

}

a, a:link, a:visited { 
	background:none;
	color:#D63ED6;
	text-decoration:underline;
}
a:hover,
a:focus {
	color:#ffffff;
	text-decoration: none;
	border-bottom:2px solid #D63ED6;
	background:#D63ED6;
}


h1 {margin:.25rem 0 0 0;}
h2, h3, h4, h5, h6 {color:#666666;}

h1, h2 {
	font-family:'Abril Fatface', serif; 
	font-weight:400;
}
h3, h4, h5, h6 {
	font-family:Montserrat, 'Century Gothic', sans-serif;
	font-weight:400;
}
h3 {
	font-weight:700;
}
h1 { font-size: 3rem;line-height:.8; }
h2 { font-size: 2.4rem;line-height:.8; margin: 3rem 0 1rem; border-bottom:1px solid #D63ED6; color:#333;}
h3 { font-size: 1.8rem;line-height:1; margin: 2rem 0 1rem 0; color:#333333; color:rgb(209,48,120); position:relative; }
h4 { font-size: 1.5rem; font-weight:700; line-height:1; margin: 0.5rem 0 .25rem 0; }
h5 { font-size: 1.3rem;line-height:1; margin: 0.5rem 0 .25rem 0; font-weight:400; font-style:italic; }
h6 { font-size: 1rem;line-height:1; margin: 0.5rem 0 .25rem 0; font-weight:400; font-style:italic; }

h3 i, h3 em { color:#D63ED6;font-weight:100;}
.desc h3 { font-size:2.4rem; }
h3 b, h3 strong {font-weight:700;font-style:normal;color:#333;}
h3 a:hover b, h3 a:hover strong {color:#ffffff;}
h3 span {display:inline-block;}
h3 span.org {padding-right:.75rem;}
h3 span.org, h3 span.org>a>b {font-weight:100;}
h3 span.location {display:block;font-weight:100;font-style:italic;color:#666666;}
h3 span.date {display:block;font-weight:400;font-style:normal;color:#D63ED6; font-size:.75em;}
h4 b, h4 strong {font-weight:700;color:#333333;}


p {
	margin: 1rem 0;
	line-height:1.3;
}
ul, ol { 
	margin: 0.25rem 0 2rem;
	padding: 0 0 0 1.5rem;
	line-height:1.2;
}
li {
	padding: 0 0 .25rem 0;
}

img {max-width:100%;height:auto;}
figure { 
	margin:0;
	padding:0; 
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
figcaption {
	color: #666666;
	font-size:.8rem;
}

/* HEADER ***********************************/
body>header h1 {
	margin:0 0 0 0;
/* 
	font-size:3.2rem;
 */
}

body>header a, body>header a:link, body>header a:visited { color:#D63ED6;text-decoration:none;border-width:0;border-color:transparent; }
body>header a>h1, body>header a:link>h1, body>header a:visited>h1 { color:#ffffff;text-decoration:none;border-width:0;border-color:transparent; }

body>header a:hover h1,
body>header a:focus h1 {
	color:#ffffff;
	text-decoration: none;
	background:#D63ED6;
}
body>header p {
	margin-top:0;
	display:inline-block;
	margin-right:1rem;
	margin-bottom:.5rem;
}
body>header p:last-child {
	margin-right:0;
}
body>header>section>.row {
	clear:both;
}
body>header>section>.row div {
	margin-bottom:1rem;
}
body>header>section>.row aside {
	font-size:.8rem;
	text-align:left;
	margin-bottom:1rem;
}
body>header>section>.row aside a, body>header>section>.row aside a:link, body>header>section>.row aside a:visited { 
	color:#ffffff;
	border-bottom: 1px solid #D63ED6;
	text-decoration:none;
	font-weight:700;
	display:inline-block;
}
body>header>section>.row aside a:hover, body>header>section>.row aside a:focus { 
	color:#ffffff;
	background: #D63ED6;
	text-decoration:none;
}
.fourohfour {
	font-size:50rem;
	font-style:normal;
	font-weight:700;
	letter-spacing:-5vw;
	color:#D63ED6;
	color:rgba(255,255,255,0);
	color:rgba(214,62,214,.45);
	text-shadow: -.5vw -.5vw 0 rgb(209,48,120), .5vw .5vw 0 rgb(143,53,178);
	text-shadow: -.75vw -.75vw 0 rgba(209,48,120,.9), .75vw .75vw 0 rgba(143,53,178,.9);
}

/* COLUMNS & ROWS *********/

/* .row {margin:1rem -1rem;overflow:visible;} */
.row {
	margin:1rem -1rem;
	overflow:visible;
	width:100%;
	clear:both;
}
.row div:first-child {
	clear:left;
}
.row div:last-child {
	clear:right;
}
.row.nopad {margin:1rem 0;}
.row.copy {margin:1rem -2rem;}
.row.portfolio {margin:1rem -1%;overflow:visible;}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { 
	margin:0; 
	padding:1rem;
	float:left;
	display:block;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {width:33.333333%;}
.col-6 {width:50%;}
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {width:66.666667%;}
.col-12 {width:100%;}

.nopad .col-1,
.nopad .col-2,
.nopad .col-3,
.nopad .col-4,
.nopad .col-5,
.nopad .col-6,
.nopad .col-7,
.nopad .col-8,
.nopad .col-9,
.nopad .col-10,
.nopad .col-11,
.nopad .col-12 { 
	padding:1rem 0;
}

.text { 
	padding:1rem 2rem 0rem;
	width:100%;
}

.copy .col-1,
.copy .col-2,
.copy .col-3,
.copy .col-4,
.copy .col-5,
.copy .col-6,
.copy .col-7,
.copy .col-8,
.copy .col-9,
.copy .col-10,
.copy .col-11,
.copy .col-12 { 
	padding:1rem 2rem 0rem;
	width:100%;
}

/* SITE NAV *********/

nav.site {
	position:relative;
	box-sizing:content-box;
	margin-top:-3.5rem;
	font-family:'Abril Fatface', serif; 
	font-weight:400;
	text-align:center;
}
nav.site>ul {
	box-sizing:border-box;
	list-style:none;
	clear:both;
	display:inline-block;
	margin: 0 auto;
	padding:0;
	width:auto;
}
nav.site>ul>li {
	display:inline-block;
	margin:0;
	padding:0;
	width:auto;
}
nav.site>ul>li a {
	border:2px solid #ffffff;
	border-left-width:0px;	
	background-color:#D63ED6;
	display:inline-block;
	color:#ffffff;
	font-size:2rem;
	line-height: 3rem;
	margin:0;
	overflow:hidden;
	padding:.1rem 0 .2rem;
	padding:0 .8rem;
	text-decoration:none;
}
nav.site>ul>li:first-child {
}
nav.site>ul>li:first-child a {
	border-left-width:2px;
}
nav.site>ul>li:first-child a span{
	font-size:3.5rem;
	line-height: .45;
	line-height: .25;
	line-height: .1;
}
nav.site>ul>li.active a {
	background-color:#ffffff;	
	color:#D63ED6;
}

/* PORTFOLIO NAV *********/

main>section>nav.portfolio>h3 {
	clear:both;
	width:100%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:.5rem;
}
main>section>nav.portfolio>ul {
	list-style:none;
	clear:both;
	margin:0;
	overflow:auto;
	padding:0;
}
main>section>nav.portfolio>ul>li {
	background:#D63ED6;
	display:block;
	float:left;
/*	box-sizing:border-box;*/
	margin:1%;
	padding:0;
	width:48%;
}
main>section>nav.portfolio>ul>li>a,
main>section>nav.portfolio>ul>li>a:link,
main>section>nav.portfolio>ul>li>a:visited {
	display:block;
	background:#D63ED6;
	background-size:cover;
	background-position:center center;
	color:#ffffff;
/*	font-size:2.75rem;*/
	font-size:1.75rem;
	font-size:1rem;
	line-height:.9;
	text-decoration:none;
	width:100%;
	font-family:'Abril Fatface', serif; 
	font-weight:400;


	-webkit-filter: contrast(110%) grayscale(40%);
	filter: contrast(110%) grayscale(40%);
}
main>section>nav.portfolio>ul>li>a:hover,
main>section>nav.portfolio>ul>li>a:focus {
	border-bottom:none;

	-webkit-filter: contrast(100%) grayscale(0%);
	filter: contrast(100%) grayscale(0%);
}

main>section>nav.portfolio>ul>li.wrcda>a { background-image: url('/img/wrc-ads-WWF-1187-DA-30A-v2-1290x500@2x.jpg'); background-position: center left;}
main>section>nav.portfolio>ul>li.ippac>a { background-image: url('/img/International-Paper-PAC-Annual-Report-Brochure-p1.jpg'); background-position: top left;}
main>section>nav.portfolio>ul>li.wrcem>a { background-image: url('/img/wrcem.jpg'); background-position: top center;}
main>section>nav.portfolio>ul>li.apiab>a { background-image: url('/img/API-Website-Audit-Brochure-2020-p001.png'); background-position: top center;background-size:200%;}
main>section>nav.portfolio>ul>li.vzpac>a { background-image: url('/img/Verizon-PAC-PDF-Newsletter-p2.jpg'); background-position: bottom left;background-size:100%;}
/* 
main>section>nav.portfolio>ul>li.wrcda>a { background-image: url('/img/wrcda.png'); }
 */
main>section>nav.portfolio>ul>li.affen>a { background-image: url('/img/affirm-email-desktop.jpg'); background-position: top center;}
main>section>nav.portfolio>ul>li.gplog>a { background-image: url('/img/daily-science-logo-2-bee.png'); }
main>section>nav.portfolio>ul>li.hcsdb>a { background-image: url('/img/hcsdb.jpg'); }
main>section>nav.portfolio>ul>li.lirrw>a { background-image: url('/img/lirrw.jpg'); }
main>section>nav.portfolio>ul>li.metro>a { background-image: url('/img/metro.jpg'); }
main>section>nav.portfolio>ul>li.nyapp>a { background-image: url('/img/nyapp.jpg'); }
main>section>nav.portfolio>ul>li.scdwi>a { background-image: url('/img/scdwi.png'); }
main>section>nav.portfolio>ul>li.utmws>a { background-image: url('/img/utmws.jpg'); }
main>section>nav.portfolio>ul>li.uwpss>a { background-image: url('/img/uwpss.jpg'); }
main>section>nav.portfolio>ul>li.uwpvb>a { background-image: url('/img/uwpvb.jpg'); }
main>section>nav.portfolio>ul>li.wcyrw>a { background-image: url('/img/wcyrw.jpg'); }
main>section>nav.portfolio>ul>li.wmspl>a { background-image: url('/img/wisdot-motorcycle-safety-logo.png'); }
main>section>nav.portfolio>ul>li.bhcgw>a { background-image: url('/img/bhcgw.jpg'); background-position: top center;}
main>section>nav.portfolio>ul>li.fdtrw>a { background-image: url('/img/fdtrw.jpg'); }
main>section>nav.portfolio>ul>li.hhabl>a { background-image: url('/img/hhabl.jpg'); }
main>section>nav.portfolio>ul>li.aawsb>a { background-image: url('/img/aawsb.jpg'); }
main>section>nav.portfolio>ul>li.dynos>a,
main>section>nav.portfolio>ul>li.dynpr>a { background-image: url('/img/dynos-stickers.jpg'); }
main>section>nav.portfolio>ul>li.vcacs>a { background-image: url('/img/CACS-national-cathedral-insert.jpg'); background-position: top center;}

main>section>nav.portfolio>ul>li>a>span {
	display:block;
	box-shadow: inset .5rem 0 4rem #D63ED6;
	box-shadow: inset 0 0 10rem rgb(143,53,178), inset 0 0 4rem rgba(143,53,178,.8);
	box-shadow: inset 0 0 30rem rgba(0,0,0,.2), inset 0 0 10rem rgba(0,0,0,.4), inset 0 0 4rem rgba(0,0,0,.6);
	text-shadow: 0 0 .1rem #000, 0 0 .5rem #D63ED6;
	text-shadow: 0 0 .5rem #000, 0 0 1rem #D63ED6, 0 0 2rem rgb(143,53,178);
	text-shadow: 0 0 .5rem #000, 0 0 1rem #000, 0 0 2rem rgb(143,53,178);
	padding:3% 5%;
	height:14rem;
	width:100%;
}
main>section>nav.portfolio>ul>li>a:hover>span,
main>section>nav.portfolio>ul>li>a:focus>span {
	box-shadow: none;
	text-shadow: 0 0 .5rem #000, 0 0 2rem rgba(0,0,0,.75);
}

/* HEADER BACKGROUND IMAGE *********/
.portfolio>header {
	background: transparent;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow:hidden;
}

.portfolio>header>section {
	position:relative;
	z-index:2;
}
.portfolio>header>figure {
	height:15.25rem;
	left:-2%;
	opacity:.5;
	position:absolute;
	top:-.125rem;
	width:104%;
	z-index:0;
	
	background: transparent;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	-webkit-filter: contrast(200%) grayscale(90%) blur(5px);
	filter: contrast(200%) grayscale(90%) blur(5px);
}
/* 
.portfolio.affen>header>figure { background-image:url('/img/affirm-email-desktop.jpg'); background-position: center top;}
.portfolio.gplog>header>figure { background-image:url('/img/daily-science-logo-7-fox.png'); }
.portfolio.hcsdb>header>figure { background-image:url('/img/hcs-development-brochure-frontcover.jpg'); background-position: center 90%;}
.portfolio.lirrw>header>figure { background-image:url('/img/transit-solutions-homepage-desktop-1.png'); }
.portfolio.metro>header>figure { background-image:url('/img/metro61616-homepage-desktop.png'); }
.portfolio.nyapp>header>figure { background-image:url('/img/nyapp.jpg'); }
.portfolio.scdwi>header>figure { background-image:url('/img/stop-dwi-new-york-suffolk-county-homepage-desktop.png'); }
.portfolio.utmws>header>figure { background-image:url('/img/ultra-tool-and-manufacturing-homepage-desktop.png'); }
.portfolio.uwpss>header>figure { background-image:url('/img/uw-parkside-student-showcase-poster-inviting.jpg'); }
.portfolio.uwpvb>header>figure { background-image:url('/img/Viewbook-Experimentation-Press-back.jpeg'); }
.portfolio.wcyrw>header>figure { background-image:url('/img/WisDOT-Choose-Your-Ride-Vehicle-at-Mallards-Game.jpg'); }
.portfolio.wmspl>header>figure { background-image:url('/img/wisdot-motorcycle-safety-logo.png'); }
.portfolio.bhcgw>header>figure { background-image:url('/img/bhcg-homepage-desktop-full.png'); background-position: center top; }
.portfolio.fdtrw>header>figure { background-image:url('/img/fireside-dinner-theatre-run-for-your-wife-show-poster.jpg'); background-position: center 30%; }
.portfolio.hhabl>header>figure { background-image:url('/img/hibernation-ale-beer-label-in-situ.jpg'); background-position: center 72.5%; }
.portfolio.aawsb>header>figure { background-image:url('/img/aawsb-header.jpg'); background-position: center 35%; }
.portfolio.dynos>header>figure { background-image: url('/img/dynos-stickers.jpg'); }
 */

.print-only, .print-only * {display:none;visibility:hidden;overflow:hidden;}

@media (min-width:320px) {

	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2.75rem;
		font-size:2rem;
	}
}
@media (min-width:480px) {

	main>section>nav.portfolio>ul>li>a {
/*		font-size:3rem;*/
	}
	body>header>section>.row aside {
		text-align:right;
	}
	body>header p {
		margin-right:0;
		margin-left:1em;
	}
	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2.5rem;
	}
}


@media (min-width:660px) {
	.col-1,
	.col-2,
	.col-3 {width:25%;}
	.col-4,
	.col-5 {width:33.333333%;}
	.col-6 {width:50%;}
	.col-7,
	.col-8 {width:66.666667%;}
	.col-9,
	.col-10,
	.col-11 {width:75%;}
	.col-12 {width:100%;}


	body>header {
	}


	main {
	}

	h3 span {display:inline-block;}
	h3 span.location {display:inline-block;}
	h3 span.date {display:inline-block;text-align:right;float:right;}

	main>section>nav.portfolio>ul>li {
		width:31.333333%;
	}
	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2rem;
	}

	main>section>nav.portfolio>ul>li>a>span {
		height:18rem;
	}
	h1 {margin:1rem 0 0 0;}
	nav.site {
		margin-top:-4rem;
	}
	nav.site>ul>li {
	}
	nav.site>ul>li a {
		padding:.1rem 1rem .2rem;
		font-size:2.5rem;
	}

}
@media (min-width:800px) {
/* 
	body>header {
		padding-top:4.5rem;
	}
 */
	body>header>section>.row {
		margin-top:2rem;
		margin-bottom:2rem;
	}
	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2.2rem;
	}
}
@media (min-width:820px) {

	.col-1 {width:8.333333%;}
	.col-2 {width:16.666667%;}
	.col-3 {width:25%;}
	.col-4 {width:33.333333%;}
	.col-5 {width:41.666667%;}
	.col-6 {width:50%;}
	.col-7 {width:58.333333%;}
	.col-8 {width:66.666667%;}
	.col-9 {width:75%;}
	.col-10 {width:83.333333%;}
	.col-11 {width:91.666667%;}
	.col-12 {width:100%;}

	main>section>nav.portfolio>ul>li>a>span {
		height:18rem;
	}
	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2.4rem;
	}
}

@media (min-width:860px) {
/* 
	body>header {
		padding-top:5rem;
	}
 */
	main>section>nav.portfolio>ul>li>a,
	main>section>nav.portfolio>ul>li>a:link,
	main>section>nav.portfolio>ul>li>a:visited {
		font-size:2.8rem;
	}
}

@media (min-width:1080px) {

	.text.col-1 {width:8.333333%;}
	.text.col-2 {width:16.666667%;}
	.text.col-3 {width:25%;}
	.text.col-4 {width:33.333333%;}
	.text.col-5 {width:41.666667%;}
	.text.col-6 {width:50%;}
	.text.col-7 {width:58.333333%;}
	.text.col-8 {width:66.666667%;}
	.text.col-9 {width:75%;}
	.text.col-10 {width:83.333333%;}
	.text.col-11 {width:91.666667%;}
	.text.col-12 {width:100%;}

	.copy .col-1 {width:8.333333%;}
	.copy .col-2 {width:16.666667%;}
	.copy .col-3 {width:25%;}
	.copy .col-4 {width:33.333333%;}
	.copy .col-5 {width:41.666667%;}
	.copy .col-6 {width:50%;}
	.copy .col-7 {width:58.333333%;}
	.copy .col-8 {width:66.666667%;}
	.copy .col-9 {width:75%;}
	.copy .col-10 {width:83.333333%;}
	.copy .col-11 {width:91.666667%;}
	.copy .col-12 {width:100%;}

}

@media (min-width:1400px) {
	section {
		max-width:1280px;
	}


}

@media (max-width:479px) {
	body>header>section>.row>div.col-2 {
		margin-top:1em;
	}
	body>header>section>.row>div.col-10, body>header>section>.row>div.col-2 {
		width:100%;
	}
}

@media print {
	html {
		font-size:7pt;
	}
	* {
		background:#fff !important;
		color:#000 !important;
		text-shadow:none !important;
	}
	a, a:link, a:visited {
		border-bottom:0 solid transparent;
		text-decoration: none;
	}
	body>header {
		padding: 0 0 .5rem 0;
		position:relative;
		top:0;
		height:auto;
		margin:0;
	}
	body>header>section>.row aside a,
	body>header>section>.row aside a:link,
	body>header>section>.row aside a:visited {
		border-bottom:0 solid transparent;
		text-decoration:underline;
	}
	body>header>section>.row>div.col-10 {
		width:60%;
	}
	body>header>section>.row>div.col-2 {
		width:40%;
	}
	main {
		position:relative;
		margin-top:0;
		padding-top:0;
		padding-bottom:0;
	}
	nav.site, nav.site * {
		display:none;
	}
	body {
		padding:0;
		margin:.5rem;
	}

	h1, body>header h1 {
		margin: 0 0 .25rem 0;
		font-size:2rem;
	}
	h2 {
		margin: 1.25rem 0 .125rem 0;
		font-size:1.5rem;
		border-bottom-color:#666666;
		border-bottom-style: dotted;
	}
	h3 {
		margin: .5rem 0;
		font-size: 1rem;
	}
	h4, h5, h6 {
		margin: .25rem 0;
		font-size: 1rem;
	}
	ul {margin:.5rem 0 1rem;}
	h3 {display:inline;}
	h3 span {display:inline;}
	h3 span.date {float:right;font-size:1rem;}
	section {width:94%;max-width:94%;margin-bottom:0;padding-bottom:0;}
	footer {margin-top:0;margin-bottom:0;padding-bottom:0;}

	.col-1 {width:8.333333%;}
	.col-2 {width:16.666667%;}
	.col-3 {width:25%;}
	.col-4 {width:33.333333%;}
	.col-5 {width:41.666667%;}
	.col-6 {width:50%;}
	.col-7 {width:58.333333%;}
	.col-8 {width:66.666667%;}
	.col-9 {width:75%;}
	.col-10 {width:83.333333%;}
	.col-11 {width:91.666667%;}
	.col-12 {width:100%;}



}