work_container-inner_large*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.url(https://example.com/images/myImg.jpg);

/*** HEADER/NAVIGATION-NEW**/
/* [ON BIG SCREEN] */
/* (A) WRAPPER */
* {
  box-sizing: border-box;
}

body {
  margin: 0px;
  font-family: Inter, sans-serif
}

/***NAV TEST***/



/****NAV***/

.wrap { 
  overflow:hidden;
  min-height: 20px;
}

.wrap div {
   min-height: 20px;
   padding: 0px;
}
#one {
  background-color: #f6f6f6;
  float:left; 
  margin-right:0px;
  width:270px;
  min-height: 20px;
  border:2px dashed #ccc;
  padding-top: 0px;

}
#two { 
  background-color: #f6f6f6;
  overflow:hidden;
  margin:10px;
  min-height:0px;
  float: right;
  padding: 2px;
}

@media screen and (max-width: 400px) {
   #one { 
    width:auto;
    border:0px;
    text-align: center;
    margin: 0 auto; 
  }
}

/**************/

.nav {
  height: 50px;
  width: 100%;
  position: relative;
  padding: 0px 0px 30px 0px;
 /** margin-right: auto;
  margin-left: auto;**/

}

.nav > .nav-header {
  /**display: inline;*/
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  max-width: fit-content;
  /**margin-left: auto;
  margin-right: auto;
  font-family: Inter, sans-serif;*/

}

.nav > .nav-btn {
  display: none;
}

.nav > .nav-links {
  
  /**float: right;**/
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.nav > .nav-links > a {
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  color: #000;
  font-size:16px;
  font-weight: 400;
}

.nav > .nav-links > a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: rgb(114, 184, 188);
}




@media (max-width:200px) {
  .nav > .nav-btn {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    padding: 10px;
  }
  
  
  .nav > .nav-btn {
    background-color: #f6f6f6;
  
  }
  .nav > .nav-links {
    width: 100%;
    background-color: #f6f6f6;
    height: 0px;
   
  }
  .nav > .nav-links > a {
    display: block;
    width: 0%;
    background-color: #f6f6f6;
    padding: 0px;
  }

  .nav > .nav-links > a:hover {
    display: block;
    width: 100%;
    background-color: #f0f0f0;
  }
  
 
}


.hr {
  background-color: #b7b7b7;

}


.bg02
{
 /* The image used */
  background-image: url("https://www.farkascreative.com/art/whitepaper_banner01.png");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*.  FOOTER.  */
 .footer-title {
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  height: auto;
  text-align: center;

}

.footer-line {
  display: inline-block;
  float: left;
  width: 100%;
  padding-left: 10px;
  height: 1px;
  background-color: #808080;

}

}

/* TILE ROLLOVER TITLES*/



.tile_title {
 font-size: 45px; 
 text-transform: uppercase; 
 font-weight: 400; 
 color: #a6a6a6; 
 line-height: 19px
 padding-top: 10px;
 padding-bottom: 10px;
 font-family: Inter, sans-serif;

}

/* RANDOM LINK ROLLOVER  */

a.ex1:hover, a.ex1:active {color: #f0f0f0;}

/*** HEADER/NAVIGATION-OLD

.content { padding: 0em; margin: auto;}
.col1 { text-align: center; height: 15px; }
.col2 {  margin-top: 2em; height: 1px;}
.col3 {  text-align: center; 1px;}


/* --------------------------
wide screen 
-------------------------- 

@media (min-width:810px)
{
	.content
	{
		overflow: hidden;
		padding: 0px;
	}
	
	.col1,.col2,.col3
	{
		float: left;
		margin-bottom: 0em;
		margin-left: 3%;
	}
	
	.col1 { width: 20%; }
	.col2 { width: 48%; background: #000 none repeat scroll; height: 1px; }
	.col3 { width: 20%; }
}

/*** BODY

.content_body { padding: 0em; height: auto; margin:auto; }
.col_body1 { text-align: left; margin: auto; top:-10px;}
.col_body2 { text-align: left; margin: auto; height: 20px;}
.col_body2-2 { text-align: center; margin: auto; height: 20px;}
.col_body3 { text-align: left; margin: auto; }


/* --------------------------
wide screen 
-------------------------- 

@media (min-width:650px)
{
	.content_body
	{
		overflow: hidden;
		padding: 0px;
		text-align: left;
	}
	
	.col_body1,.col_body2,.col_body2-2,.col_body3, .col_body4
	{
		float: left;
		margin-bottom: 0em;
		margin-left: 0%;
		padding: 0px;
		text-align: left;
	}
	
	.col_body1 { width: 30%; vertical-align: top; padding: 0px }
	.col_body2 { width: 5%; }
	.col_body2-2 { width: 100%; text-align: center; }
	.col_body3 { width: 50%;  padding: 12px;}
	.col_body4 { width: 100%;  padding: 12px;}
}

**/



/*** FOOTER NAVIGATION**/

.content_footer { padding: 0em; height: 80px; margin:auto;}
.col_footer1 {  text-align: center; margin: auto; padding: 0px 0px 5px 0px;}
.col_footer2 {  margin-top: 2em; background-color: #000; height: 1px; width: 100%;}
.col_footer3 {  text-align: left; padding-top: 4px;}

/* --------------------------
wide screen 
-------------------------- */

@media (min-width:800px)
{
	.content_footer
	{
		overflow: hidden;
		padding: 0px;
		margin: auto;
	}
	
	.col_footer1,.col_footer2,.col_footer3
	{
		float: left;
		margin-bottom: 0em;
		margin-left: 0%;
		padding-right: 12px;
	}
	
	.col_footer1 { width: 20%; text-align: right;}
	.col_footer2 { width: 52%; background: #000 none repeat scroll; }
	.col_footer3 { width: 28%; text-align: left; margin-left: 0px;}
}



/** page structure **/

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 60%;
  padding: 10px;
  height: auto; 
}

.column2 {
  float: left;
  width: 40%;
  padding: 0px;
  height: auto; 
  margin-right: auto;
  margin-left: auto;
}

.column3-1 {
  float: left;
  width: 50%;
  padding: 25px;
  margin-top: 10px;

}

.column3-2 {
  float: left;
  width: 50%;
  padding: 25px;
  height: auto;
  margin-top: 0px; 
}

.column_persona {
 float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 30px;
  margin-top: 20px;
}

.column_mini {
  float: left;
  width: 40%;
  margin: 10px;
  padding: 10px;
  height: auto; 
}

.column_large {
  float: left;
  width: 55%;
  margin: 10px; 
  padding: 10px;
  height: auto;
}

.column_third {
  float: left;
  width: 30%;
  margin: 10px;
  padding: 10px;
  height: auto; 
  background-color: #cdcdcd;
}
.header_banner {
  float: left;
  width: 100%;
  margin: 10px;
  margin-top: -35px; 
  padding: 0px;
  height: auto;
}


.column_fourth_gray {
  float: left;
  width: 25%;
  padding: 10px;
  height: auto;
}

.column_inner {
  float: left;
  width: 80%;
  padding: 10px;
  height: auto;
  background-color: #cdcdcd;
  align-items: center;
  margin: auto; display: block;
} 
.mobile{
  width: 100%;
  height: auto;
  margin: 10px;
  height: 25px;
}

.spacer_mini {
  float: left;
  width: 100%;
  margin: 10px;
  height: 1px;
  background-color: #d6d6d6;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
  padding: 0px;
}

.portfolio {

  padding: 15px;
  align-items: center;
  margin: auto; display: block;
}

/******THUMBNAIL ROLLOVER HOMEPAGE*********/
#color {
	background: #fff;
	position:relative;
	opacity: 1;
}

#color:hover {
	opacity: .8;
	transition: all 0.2s ease-in;
}
/******************************************/

.responsive {
  width: 100%;
  height: auto;
  padding: 0px;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 850px) {
  .column {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  .column1 {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  .column2 {
    width: 50%;
  }
}


/*. COLUMN FOURTH */
.column_fourth {
  float: left;
  width: 25%;
  padding: 10px;
  height: auto;
}

@media screen and (max-width: 1010px) {
  .column_fourth {
    width: 47%; margin: 10px;
  }
} 

@media screen and (max-width: 900px) {
  .column_fourth {
    width: 10%; margin: 10px;
  }
} 
@media screen and  (max-width: 800px) {
  .column_fourth {
    width: 40%; margin: 10px;
  }
}

@media screen and (max-width: 550px) {
  .column_fourth {
    width: 96%; margin: 10px;
  }
}


/* ------WORK------- */

.work_square {
 float: left;
  width: 48%;
  margin: 10px;
  padding: 25px;
  align-items: center;
}

@media screen and (min-width: 850px) and (max-width: 1010px) {
  .work_square {
    width: 47%; margin: 10px;
  }
} 


@media screen and (min-width: 850px) and (max-width: 900px) {
  .work_square {
    width: 47%; margin: 10px;
  }
} 
@media screen and (max-width: 850px) {
  .work_square {
    width: 96%; margin: 10px;
  }
}

@media screen and (max-width: 600px) {
  .work_square {
    width: 96%; margin: 10px;
  }
}

.work_square2 {
 float: left;
  width: 50%;
  padding: 5px;
  align-items: center;
}

@media screen and (min-width: 850px) and (max-width: 1010px) {
  .work_square2 {
    width: 47%; margin: 10px;
  }
} 


@media screen and (min-width: 850px) and (max-width: 900px) {
  .work_square2 {
    width: 47%; margin: 0px;
  }
} 
@media screen and (max-width: 850px) {
  .work_square2 {
    width: 96%; margin: 0px;
  }
}

@media screen and (max-width: 600px) {
  .work_square2 {
    width: 100%; 
    margin-left: 1px;
    margin-right: 1px;
  }
}


 /* WORK BANNER */
.work_banner {
 float: left;
  width: 97.2%;
  margin: 10px;
  padding: 15px;
  align-items: center;
}

@media screen and (min-width: 600px) and (max-width: 1010px) {
  .work_banner {
    width: 47% auto 0; margin: 10px; align-items: center; 
  }
} 

@media screen and (max-width: 600px) {
  .work_banner {
    width: 96%; margin: 10px; align-items: center;
  }
}

img {
  max-width: 100%;
  max-height: auto;
  margin: auto;
}

@media screen and (max-width: 900px) {
  .column_mini {
    width: 96%; margin: 10px;
  }
}


@media screen and (max-width: 800px) {
  .column_mini {
    width: 100%; margin: 10px;
  }
}

@media screen and (max-width: 550px) {
  .column_mini {
    width: 96%; margin: 10px;
  }
}

@media screen and (max-width: 320px) {
  .column_mini img {
    width: 96%; margin: 10px;
  }
}

@media screen and (max-width: 1210px) {
  .column_large {
    width: 55%; margin: 10px; 
    
  }
}

@media screen and (max-width: 1010px) {
  .column_large {
    width: 55%; margin: 10px;
    
  }
}

@media screen and (max-width: 900px) {
  .column_large {
    width: 96%; margin: 10px;
    
  }
}

@media screen and (max-width: 800px) {
  .column_large {
    width: 100%; margin: 10px;
   
  }
}

@media screen and (max-width: 550px) {
  .column_large {
    width: 96%; margin: 10px;
    height: 25% margin 0px;
  }
}

@media screen and (max-width: 320px) {
  .column_large {
    width: 96%; margin: 0px;
    height: 250px margin 0px;
  }
}

@media screen and (max-width: 900px) {
  .column_third {
    width: 96%; margin: 5px;
  }
}

@media screen and (max-width: 900px) {
  .column_fourth {
    width: 96%; margin: 5px;
  }
}

@media screen and (max-width: 900px) {
  .column_fourth_gray {
    width: 96%; margin: 5px;
  }
}

@media screen and (max-width: 1280px) {
  .header_banner {
    width: 96%; margin: 10px; margin-top: -35px; 
  }
}

@media screen and (max-width: 900px) {
  .header_banner {
    width: 96%; margin: 10px; margin-top: -35px; 
  }
}

@media screen and (max-width: 600px) {
  .mobile {
    width: 70%;
  }
}


@media screen and (max-width: 850px) {
  .column3-1 {
    width: 100%; margin-top: -35px; 
  }
}
@media screen and (max-width: 600px) {
  .column3-1 {
    width: 100%; margin-top: -35px; 
  }
}


@media screen and (max-width: 850px) {
  .column3-2 {
    width: 100%; margin-top: -35px; 
  }
}
 @media screen and (max-width: 600px) {
  .column3-2 {
    width: 100%; margin-top: -65px; 
  }
}

 
 @media screen and (max-width: 600px) {
  .column_persona {
    width: 100%; 
  }
} 


@media screen and (max-width: 1010px) {
  .portfolio {
    width: 50%; margin: 10px;
  }
} 

@media screen and (min-width: 800px) and (max-width: 900px) {
  .portfolio {
    width: 47%; margin: 10px;
  }
} 
 
 @media screen and (min-width: 600px) and (max-width: 800px) {
  .portfolio {
    width: 47%; margin: 10px;
  }
} 

 @media screen and (min-width: 3200px) and (max-width: 600px) {
  .portfolio {
    width: 47%; margin: 10px;
  }
} 
.social_icon{
  width:40px;
  height: 40px
  vertical-align: middle;
}

.spacer{
  width:25px;
  height: 55px
  vertical-align: middle;
  padding: 10px;
  margin-top: 55px;
}

.img_5page{
  width:65%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_5page { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_5page {  margin: auto; width: 100% }	
}

#wrapper_main {
  max-width: auto;
  height:100%;
  margin: 0 auto;
  


}#wrapper {
  max-width: 1280px;
  height:auto;
  margin: 0 auto;
  
}

#portfolio {
  display: block;
}

#portfolio li {
  display: block;
  float: left;
  width: 100%;
  max-width: 420px;
  margin-right: 60px; /* text body margin */
  margin-bottom: 0px;
}

.header_container{
  width: 100%;
  position: relative;
  text-align:center;
  padding: 0px 0px 0px 0px;
  display: inline-block;
}

.nav_block {
  width: 300px;
  display:inline-block;
}

ul { 
    margin-left: 25px; 
    padding:0; 
    font-family: Inter, sans-serif 
    font-size:16px; 
    line-height:28px;
    text-align: left;
    list-style-type: disc;
    margin-top: -15px;
}

li {
    list-style-type: disc;
	text-align: left;
	line-height:28px;
	padding-right:1em;
	color:#626262;
}


.mfp-title {
  font-size: 1.2em;
  color: #ddd !important;
  font-weight: 700;
}

/* CONTACT FORM   */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 20px 15%;
}
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}
 /*------------------*/


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; text-align: center; margin-right: 25px; margin-left: 10px; width: 290px; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; text-align: center;}


/** media queries **/
@media screen and (max-width: 780px) {
  #portfolio li {
    width: 55%;
  }
}

@media screen and (max-width: 550px) {
  #portfolio { 
    text-align: left;
  }
  
  #portfolio li {
    float: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
  }
}


/* Fonts */

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'source_sans_problack';
    src: url('fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'source_sans_prolight';
    src: url('fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url('AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),  url('AvenirLTStd-Roman.otf')  format('opentype'),
	     url('fonts/AvenirLTStd-Roman.woff') format('woff'), url('fonts/AvenirLTStd-Roman.ttf')  format('truetype'), url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Inter-Regular';
  src: url('fonts/Inter-Regular.woff') format('embedded-opentype'),  url('Inter-Regular.woff')  format('opentype'),
	     url('fonts/Inter-Regular.woff') format('woff'), url('fonts/AvenirLTStd-Light.ttf')  format('truetype'), url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('fonts/Inter-Bold.woff') format('embedded-opentype'),  url('Inter-Bold.woff')  format('opentype'),
       url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf')  format('truetype'), url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Light';
  src: url('fonts/Inter-Light.woff') format('embedded-opentype'),  url('Inter-Light.woff')  format('opentype'),
       url('fonts/Inter-Light.woff') format('woff'), url('fonts/Inter-Light.ttf')  format('truetype'), url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('fonts/Inter-Medium.woff') format('embedded-opentype'),  url('Inter-Medium.woff')  format('opentype'),
       url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf')  format('truetype'), url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'district_prothin';
    src: url('fonts/distproth-webfont.woff2') format('woff2'),
         url('fonts/distproth-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* Flex Grid */

.flex-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-grid .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-grid-thirds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-grid-thirds .col {
  width: 32%;
}

@media (max-width: 400px) {
  .flex-grid,
  .flex-grid-thirds {
    display: block;
	  font-size: 45px;
  }
  .flex-grid .col,
  .flex-grid-thirds .col {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
* {
  box-sizing: border-box;
}

body {
  padding: 5px;
  background-color: #ebebeb;
 
}

.flex-grid {
  margin: 0 0 0px 0;
}


@media only screen and (max-width: 680px) {
body a.col:link { font-size:56px; height:105px; line-height: 50px}	
}

.col {
  font-family: 'chunkfiveroman';
  line-height: 70px;
  font-size: 65px;
  color: #000000;
  text-transform:uppercase;
}

.col_nav {
  font-family: 'chunkfiveroman';
  line-height: 45px;
  font-size: 40px;
  color: #;
  text-transform:uppercase;
  padding-left: 5px;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

/*---------------*/
body {
  background-color: #f6f6f6;
  width: auto;
  height: auto;
}


/* Header */

@media only screen and (max-width: 780px) {
body a.farkas:link { font-size:22px; line-height:normal; padding: 0px 0px 0px 0px; text-align: center; display: block; margin: auto;}	
}

@media only screen and (max-width: 550px) {
body a.farkas:link { font-size:22px; line-height: normal; padding: 0px 0px 0px 0px; text-align: center; center; display: block; margin: auto;}
}


.divide {
  background: #00aeef;
  height: 1px;
  width: 100%;
  margin-bottom: 0px;
}

.spacer {
  height: 15px;
  width: 100%;
  color: #00aeef; 
}

/*  NAVIGATION FONT */
 a.farkas:link{
	font-family: Inter, sans-serif;
	font-size: 12px;
	color: #626262

;
	text-align:center;
	/* width: 410px; */
	text-transform:none;
	
}

@media only screen and (max-width: 320px) {
body .farkas:link { text-align: center; width: 100%; font-size: 16px; line-height: 20px; padding-top: 0px;}	
}

@media only screen and (max-width: 550px) {
body .farkas:link { text-align: center; width: 100%; font-size: 16px; line-height: 20px; }	
}

a.farkas:visited {
    color: #000;
	cursor:pointer;
}

a.farkas:hover {
    color: #000;
	cursor:pointer;	
}


a.about:link{
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #626262

;
	text-align:center;
	text-transform:none;	
}
a.about:visited {
    color: #000000;
	cursor:default;
}

a.about:hover {
    color: #000;
	cursor:pointer;	
}


/* Downlaod Link */

a.download:link {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #808080;
	text-align: left;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	line-height: 24px;
	display:inline-block;
	width:100%;
	border-top:none;
	margin-top: 12px;
	background-color: #e5e3e3;
	padding: 22px;
	text-transform:capitalize;
	text-decoration: none;
	padding: 0px;
	font-weight: 500;
}

a.download:hover, a.download:active {color: #808080;}

a:visited {
    color: #000;
	cursor:default;
}
a:hover {
    color: #000;
	cursor:pointer;
}


/* Navigation */

a:link {
	font-family: Inter, sans-serif;
	font-size:12px;
	color: #626262

;
	text-transform:capitalize;
	text-decoration: none;
	padding: 0px;
	font-weight: 500;
}

a:visited {
    color: #000;
	cursor:default;
}
a:hover {
    color: #000;
	cursor:pointer;
}

a-footer:link {
	font-family: Inter, sans-serif;
	font-size:12px;
	color: #626262

;
	text-transform:capitalize;
	text-decoration: none;
	padding: 0px;
}

a-footer:visited {
    color: #000;
	cursor:pointer;
}
a-footer:hover {
    color: #000;
	cursor:pointer;
}
@media only screen and (max-width: 0px) {
body .navigation { border-left: none; margin: 0px auto }	
}

@media only screen and (max-width: 0px) {
body .navigation { border-left: none; }	
}

.navigation{
	padding:0px 0px 0px 0px;
	width: 100px;
	border-left: 1px solid #000000;
	color: #808080;
}

.navigation:hover {
    color: #000;
	cursor:pointer;
}


a.about:visited {
    color: #000000;
	cursor:pointer;
}

a.about:hover {
    color: #000000;
	cursor:pointer;	
}

a.about_LI:link{
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #626262

;
	text-align:center;
	padding: 0px 0px 0px 0px;
	text-transform:none;
	
	
}

a.about_LI:visited {
    color: #000000;
	cursor:pointer;
}

a.about_LI:hover {
    color: #000000;
	cursor:pointer;	
}


/* Contact Grid */

.contact_container {
  margin: 0 auto;
  max-width: 48rem;
  width: 90%;
}


  .column {
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .column.full { width: 100%; }
  .column.two-thirds { width: 66.7%; }
  .column.half { width: 50%; }
  .column.third { width: 33.3%; }
  .column.fourth { width: 25%; }
  .column.flow-opposite { float: right; }  

  .clearfix:before,
  .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


/* Resume Download  */

.resume_download {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: left;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	line-height: 24px;
	display:inline-block;
	width:100%;
	border-top:none;
	margin-top: 12px;
	background-color: #d5d4d4;
	padding: 22px;
}

@media only screen and (max-width: 320px) {
body .resume_download { text-align: left; width: 100%; font-size: 16px; padding-top: 0px; line-height: 24px}	
}

@media only screen and (max-width: 550px) {
body .resume_download { text-align: left; width: 100%; font-size: 16px; line-height: 24px}	
}

.resume_container {
	margin-top: 70px;
	font-size: 62px;
	height:auto;
	text-align: left;
	line-height: 70px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 10px;
}

@media only screen and (max-width: 550px) {
body .resume_container { text-align: left; width: 100%; font-size: 45px; line-height: 55px; padding: 20px; }	
}

@media only screen and (max-width: 320px) {
body .resume_container { text-align: left; width: 100%; line-height: 55px; padding: 20px; }	
}

/* Inro Message    */

.intro_message {
	font-family: Inter, sans-serif;
	font-size: 22px;
	color: #000;
  font-weight: 400;
	line-height: 34px;
	width: 60%;
	text-align: left;
  padding-left: 15px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 820px) {
body .intro_message { text-align: left; width: 100%; line-height: 34px; padding-top: 0px} 
}

@media only screen and (max-width: 550px) {
body .intro_message { text-align: left; width: 100%; line-height: 32px; font-size: 22px;} 
}

@media only screen and (max-width: 320px) {
body .intro_message { text-align: left; width: 100%; line-height: 32px; font-size: 18px;} 
}


.email {
	font-family: Inter, sans-serif
;
	font-size: 18px;
	text-align: center;
	color: #000000;
	text-transform:none;
	text-decoration: none;
	line-height: 18px;
	width: 100%;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* Tiles */


/* 2.0 */
#tile_container2 {
  width: 100%;
  position: relative;
  text-align:center;
	
}

#tile_container2 li {
  display:inline-block;
  float: left;
  width: 100%;
  max-width: 290px;
  margin-right: 20px;
  margin-bottom: 0px;
}

.tile_content2 {
   width: 300px;
   height: 300px;
   background-color:none; 
   padding: 0px 10px 10px 10px;
   display:inline-block;
   margin-top: 10px;
   margin-right: 10px;
   max-width: 300px;
}

/*******/

#tile_container {
  width: 100%;
  position: relative;
  text-align:center;
	
}

#tile_container li {
  display:inline-block;
  float: left;
  width: 50%;
  max-width: 290px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.title{
   font-family: 'chunkfiveroman';
   font-size: 32px;
}
.tile_content {
   width: 320px;
   height: 320px;
   text-align: left; 
   padding: 0px 0px 0px 0px;
   display:inline-block;
   max-width: 320px;
   
} 

.tile_content:hover {
    background-color: none;
	cursor:pointer;
}

/* unvisited link */
.title:link {
    color: none;
}

/* visited link */
.title:visited {
    color:none;
}

/* mouse over link */
.title:hover {
    color: #fff;
	cursor:pointer;
}

/* selected link */
.title:active {
    color: none;
} 

.underline {
	background-color: #000000;
	margin-left: 5px;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 15px;
}

a.rollover {
	display: block;
	width: 259px;
	height: 195px;
	text-decoration: none;
	background: url("art/example_art_desat.png");
	background-size:280px 195px; 
	}

a.rollover:hover {
	background-position: -280px 0;
	cursor:default;
	background: url("art/example_art.png");
	background-size:280px 195px;
	}

.displace {
	position: absolute;
	left: -5000px;
	background-size:280px 195px;
	}


/* About  */

.about_hi {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #626262

;
	text-align: center;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	padding: 10px 0px 10px 0px;
}

@media only screen and (max-width: 320px) {
body .about_hi { text-align: left; width: 100%; font-size: 16px; line-height: 20px; padding-top: 0px;}	
}

@media only screen and (max-width: 550px) {
body .about_hi { text-align: left; width: 100%; font-size: 16px; line-height: 20px; }	
}


/** Who is this man?  **/
.about{
	font-family: Inter, sans-serif
;
	font-size: 48px;
	color: #000000;
	text-transform:uppercase;
    vertical-align: top;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

@media only screen and (max-width: 320px) {
body .about { text-align: left; width: 100%; font-size: 42px;}	
}

@media only screen and (max-width: 550px) {
body .about { text-align: left; width: 100%; font-size: 42px;}	
}


.hr {

  background-color: #b7b7b7;
}

.about_body {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #626262;
	text-align: left;
	text-transform:none;
  vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	padding: 10px 0px 10px 0px;
	line-height: 28px;
}


.about_body ul li {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #626262;
	text-align: left;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	padding: 10px 0px 10px 0px;
	line-height: 28px;
}

.description {
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #626262;
  text-align: center;
  text-transform:none;
  vertical-align: bottom;
  text-decoration: none;
  width: 100%;
  padding: 80px 0px 10px 0px;
  line-height: 28px;
  font-weight: normal;
}

@media only screen and (max-width: 320px) {
body .about-body { text-align: left; width: 100%; font-size: 16px; line-height: 28px;}	
}

@media only screen and (max-width: 550px) {
body .about_body { text-align: left; width: 100%; font-size: 16px; line-height: 28px; }	
}

.work1 {
	font-family: Inter, sans-serif
;
	font-size: 16px;
	color: #000
;
	text-align: left;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	line-height: 28px;
}

@media only screen and (max-width: 320px) {
body .work1 { text-align: left; width: 100%; font-size: 16px; line-height: 28px;}	
}

@media only screen and (max-width: 550px) {
body .work1 { text-align: left; width: 100%; font-size: 16px; line-height: 28px; }	
}

.work2 {
	font-family: Inter, sans-serif
;
	font-size: 14px;
	color: #626262

;
	text-align: left;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	line-height: 28px;
}

@media only screen and (max-width: 320px) {
body .work2 { text-align: left; width: 100%; font-size: 14px; line-height: 28px;}	
}

@media only screen and (max-width: 550px) {
body .work2 { text-align: left; width: 100%; font-size: 14px; line-height: 28px; }	
}
/********** Work Pages ***********/

#pagewrap {
	padding: 0px;
	width: 100%;
	margin: 5px auto;
	text-align: center;
	
}

#content {
	width: 400px;
	padding: 0px 0px;
	margin-left: auto;

}

#content_concept {
	width: 250px;
	margin: auto;
}

#content_concept_limitless {
	width: 291px;
}

#content_contact {
	width: 450px;
	
	padding: 0px 0px;
}

#middle {
	width:100%; /* Account for margins + border values */
	padding: 10 0px 10px 10px;
	margin: auto;
}


#middle_contact {
	width: 100%; /* Account for margins + border values */
	display: block;
	padding: 5px 15px;
	text-align: center;
	margin: auto;
}

#sidebar {
	width: 400px;
	padding: 5px 15px;
	float: left;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 100%;
		text-align: center;
		
	}
	
	#content_contact {
		width: 100%;
		padding: 1% 4%;
		text-align:center;
	}
	
	#content {
		width: 100%;
		padding: 1% 4%;
		margin: auto;
	}
	#middle {
		width: 100%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
  }
	#middle_contact {
		width: 100%;
		padding: 0% 0%;
		margin: 0px 0px 0px 0px;
		float: right;
  }
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#content_contact {
		width: auto;
		float: none;
		text-align:center;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
		text-align: left;
		
	}
	
	#middle_contact {
		width: auto;
		float: none;
		margin-left: 0px;
		
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}

.work_container {
	padding: 0px;
	height:auto;
	text-align: center;
	line-height: 22px;
	width: 100%;
}

@media only screen and (max-width: 550px) {
body .work_container { text-align: left; width: 100%; font-size: 35px; line-height: 20px; }	
}

@media only screen and (max-width: 320px) {
body .work_container { text-align: left; width: 100%; line-height: 20px; }	
}

.work_container-inner {
	padding: 0px;
	height:auto;
	text-align: center;
	line-height: 22px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 550px) {
body .work_container-inner { text-align: left; width: 100%; font-size: 35px; line-height: 20px; }	
}

@media only screen and (max-width: 320px) {
body .work_container-inner { text-align: left; width: 100%; line-height: 20px; }	
}

/********HOMEPAGE GREETNG**********/
.work_container-inner_large {
	margin-top: 160px;
	font-size: 52px;
	height:auto;
	text-align: left;
	line-height: 70px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 25px;
}


@media only screen and (max-width: 980px) {
body .work_container-inner_large { text-align: left; width: 100%; font-size: 34px; line-height: 50px; padding: 20px; }  
}


@media only screen and (max-width: 320px) {
body .work_container-inner_large { text-align: left; width: 100%; line-height: 34px; padding: 20px; }	
}

.about_container {
	margin-top: 60px;
	height:auto;
	text-align: center;
	line-height: 22px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding: 10px;
	display:inline-block;
    float: left;
}

@media only screen and (max-width: 550px) {
body .about_container { text-align: left; width: 100%; font-size: 35px; line-height: 20px; padding: 20px; }	
}

/***@media only screen and (max-width: 320px) {
body .about_container { text-align: left; width: 100%; line-height: 20px; padding: 20px; }	
}**/


.description {
  font-family: Inter, sans-serif;
  font-size: 20px;
  color: #000;
  text-align: center;
  text-transform:none;
  text-decoration: none;
  width: 100%;
}

.description2 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #626262;
  font-weight: normal;
  text-align: center;
  text-transform:none;
  text-decoration: none;
  width: 100%;
}

.work_title {
	font-family: 'source_sans_problack';
	font-size: 50px;
	color: #000000;
	text-transform:none;
	text-decoration: none;
	width: 100%;
    position: relative;
    text-align:center;
	line-height: 55px;
}



@media only screen and (max-width: 520px) {
body .work_title { text-align: left; width: 100%; font-size: 35px; line-height: 40px;}	
}

@media only screen and (max-width: 320px) {
body .work_title { text-align: left; width: 100% }	
}

.work_sub {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #1a1b1f;
	text-align: center;
	text-transform:none;
	text-decoration: none;
	width: 100%;
}

@media only screen and (max-width: 550px) {
body .work_sub { text-align: left; width: 100%; font-size: 16px; line-height: 12px;}	
}

@media only screen and (max-width: 320px) {
body .work_sub { text-align: left; width: 100% ; line-height: 12px;}	
}

.work_goal {
	font-family: Inter, sans-serif;
	font-size: 26px;
	color: #000000;
	text-transform:none;
	vertical-align:top;
	text-decoration: none;
	width: 100%;
	line-height: 12px;
	text-align: left;

}

@media only screen and (max-width: 980px) {
body .work_goal { text-align: left; width: 100%; font-size: 26px; line-height: 34px;}	
}


@media only screen and (max-width: 320px) {
body .work_goal { text-align: left; width: 100% ; line-height: 34px}	
}

@media only screen and (max-width: 550px) {
body .work_goal { text-align: left; width: 100% ; line-height: 34px;}	
}

.intro_about {
	font-family: Inter, sans-serif;
	font-size: 70px;
	font-weight: 400;
	text-align: left;
	color: #72b8bc;
	line-height: 85px;
	width: 100%;
  padding: 0px;
}

@media only screen and (max-width: 780px) {
body .intro_about { text-align: left; width: 100%; font-size: 45px; line-height: 62px;}	
}


@media only screen and (max-width: 320px) {
body .intro_about { text-align: left; width: 100% ; line-height: 262px; }	
}

@media only screen and (max-width: 550px) {
body .intro_about{ text-align: left; width: 100% ; line-height: 55px; font-size: 50px}	
}

.header2 {
	font-family: Inter, sans-serif;
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	color: #72b8bc;
	line-height: 22px;
	vertical-align:top;
	width: 100%;
	text-transform: none;
}

@media only screen and (max-width: 550px) {
body .header2 { text-align: left; width: 100%; font-size: 22px; }	
}


@media only screen and (max-width: 320px) {
body .header2 { text-align: left; width: 100% ;}	
}

@media only screen and (max-width: 550px) {
body .header2{ text-align: left; width: 100% ;}	
}
.header3 {
	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	color: #a6a6a6;
	line-height: 34px;
	vertical-align:top;
	width: 100%;
	text-transform: none;
}


@media only screen and (max-width: 320px) {
body .header3 { text-align: left; width: 100% ; line-height: 34px; font-size: 14px;}	
}

@media only screen and (max-width: 550px) {
body .header3{ text-align: left; width: 100% ; line-height: 34px; font-size: 14px;}	
}

.work_body {
	font-family: Inter, sans-serif;
	font-size: 16px;
	color: #1a1b1f;
	text-transform:none;
    vertical-align:top;
	text-decoration: none;
	width: 100%;
	line-height: 28px;
}

@media only screen and (max-width: 320px) {
body .work_body { text-align: left; width: 100%; font-size: 16px; line-height: 22px;}	
}

@media only screen and (max-width: 550px) {
body .work_body { text-align: left; width: 100%; font-size: 16px; line-height: 22px; }	
}


/*  Image  */
.img_container{
  width: 500px;
  padding-top: 0px;
  display: block;
  margin: auto;
}


.img {
  width:100%;
  height: auto;
  display: block;
  margin: auto;
}

.img_container_con{
  width: 100%;
  position: relative;
  text-align:left;
  padding-top: 0px;
}

.img_con {
  max-width:100%;
  height: auto;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media only screen and (max-width: 320px) {
body .img_con { margin-left: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_con {  margin: auto; width: 100% }	
}

/*  Footer  */

.footer1 {
	font-family: Inter, sans-serif
;
	font-size: 20px;
	color: #000000;
	text-transform:none;
	text-decoration: none;
	line-height: 20px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	margin-top: 50px;
	
	text-align: center;
	
	
}


.footer_message {
	font-family: 'source_sans_problack';
	font-size:20px;
	color: #000000;
	text-align: center;
	text-transform:none;
    vertical-align: bottom;
	text-decoration: none;
	width: 100%;
	display:inline-block;
}

.footer_message2 {
	font-family: 'source_sans_prolight';
	font-size:16px;
	color: #000000;
	text-align: left;
	text-transform:none;
    vertical-align:middle;
	text-decoration: none;
	width: 100%;
	display:inline-block;
}

@media only screen and (max-width: 320px) {
body .footer_message2 { text-align: center; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .footer_message2 { text-align: center; width: 100% }		
}

#popUpYes
{
    width: 280px;
	padding: 24px 0px 0px 0px;
    height: 70px;
	margin: 0 auto;
    color: #000000;
	text-align: center;
	font-family: 'source_sans_problack';
	font-size: 20px;
	background-color:#00aeef;
	border: none;
	display:block;
}

#popUpYes:hover
{
    background-color: #000000;
    color: #fff;
	font-family: 'source_sans_problack';
	cursor:pointer;
}



.styleone:link {
	font-family: Inter, sans-serif
;
	font-size: 18px;
	color: #000000;
	text-transform:none;
    vertical-align:bottom;
	text-align: center;
	text-decoration: none;
	line-height: 16px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.styleone:hover{
	font-family: Inter, sans-serif
;
	font-size: 18px;
	color: #000000;
	text-transform:none;
    vertical-align:bottom;
	text-align: center;
	text-decoration:underline;
	line-height: 16px;
	margin: auto;
}

/*  Rollover Artwork  */

/*  TLN Brochure  */

a.rollover_1-2 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb08.png");
	background-size:590px 290px;
	}

a.rollover_1-2:hover {
	background-position: -299px 0;
	}

.displace_1-2 {
	position: absolute;
	left: -5000px;
	}

.img_tln{
  width:600px;
  display: inline-block;
  margin: auto;
}

@media only screen and (max-width: 320px) {
body .img_tln { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_tln {  margin: auto; width: 100% }	
}

/*  Landscape Painting  */

a.rollover_2-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/paint_thumb.png");
	background-size:600px 300px;
	}

a.rollover_2-2:hover {
	background-position: -300px 0;
	}

.displace_2-2 {
	position: absolute;
	left: -5000px;
	}

/*  Limitless Praise Logo  */

a.rollover_3-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/thumb17.png");
	background-size:600px 300px;
	}

a.rollover_3-2:hover {
	background-position: -300px 0;
	}

.displace_3-2 {
	position: absolute;
	left: -5000px;
	}


@media only screen and (max-width: 320px) {
body .img_limitless { margin: auto; width: 80% }	
}

@media only screen and (max-width: 550px) {
body .img_limitless {  margin: auto; width: 80% }	
}
/*  Table 1  */

a.rollover_4-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/table_thumb.png");
	background-size:600px 300px;
	}.img_media{
  width:22%;
  display: inline-block;
  margin: auto;
  float:inherit;
  padding-right: 25px;
}

a.rollover_4-2:hover {
	background-position: -300px 0;
	}

.displace_4-2 {
	position: absolute;
	left: -5000px;
	}

/*  Email 1  */

a.rollover_5-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/thumb09.png");
	background-size:600px 300px;
	}

a.rollover_5-2:hover {
	background-position: -302px 0;
	}

.displace_5-2 {
	position: absolute;
	left: -5000px;
	}

.img_email{
  width:65%;
  display: inline-block;
  margin: auto;
  float:inherit;
  vertical-align: top;
}

.img_email_mobile{
  width:29%;
  display: inline-block;
  margin: auto;
  float:inherit;
  vertical-align: top;
}
@media only screen and (max-width: 320px) {
body .img_email { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_email {  margin: auto; width: 100% }	
}

@media only screen and (max-width: 320px) {
body .img_email_mobile { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_email_mobile {  margin: auto; width: 100% }	
}


/*  WWW Poster  */

a.rollover_6-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/www_thumb.png");
	background-size:600px 300px;
	}

a.rollover_6-2:hover {
	background-position: -302px 0;
	}

.displace_6-2 {
	position: absolute;
	left: -5000px;
	}


/*  ATD Biosciences  */

a.rollover_22-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/web4_thumb.png");
	background-size:600px 300px;
	}

a.rollover_22-2:hover {
	background-position: -301px 0;
	}

.displace_22-2 {
	position: absolute;
	left: -5000px;
	}

.img_atd{
  width:90%;
  display: inline-block;
  margin: auto;
  align-items: center;
  float:inherit;
  vertical-align: top;
}

@media only screen and (max-width: 320px) {
body .img_atd { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_atd {  margin: auto; width: 100% }	
}



/*  Email Infographic  */

a.rollover_7-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/email_info_thumb.png");
	background-size:600px 300px;
	}

a.rollover_7-2:hover {
	background-position: -305px 0;
	}

.displace_7-2 {
	position: absolute;
	left: -5000px;
	}


/*  Portait Oil Painting  */

a.rollover_8-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/paint2_thumb.png");
	background-size:600px 300px;
	}

a.rollover_8-2:hover {
	background-position: -302px 0;
	}

.displace_8-2 {
	position: absolute;
	left: -5000px;
	}

/*  Banner Ads  */

a.rollover_9-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/thumb07.png");
	background-size:600px 300px;
	}

a.rollover_9-2:hover {
	background-position: -302px 0;
	}

.displace_9-2 {
	position: absolute;
	left: -5000px;
	}

.img_media{
  width:22%;
  display: inline-block;
  margin: auto;
  float:inherit;
  padding-right: 25px;
}

@media only screen and (max-width: 320px) {
body .img_media { margin: auto; width: 85% }	
}

@media only screen and (max-width: 550px) {
body .img_media {  margin: auto; width: 85% }	
}

.img_media_300{
  width:40%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_media_300 { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_media_300 {  margin: auto; width: 100% }	
}


/*  Midway Website  */

a.rollover_10-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/web2_thumb.png");
	background-size:600px 300px;
	}

a.rollover_10-2:hover {
	background-position: -302px 0;
	}

.displace_10-2 {
	position: absolute;
	left: -5000px;
	}

/*  Magnetic Case Study  */

a.rollover_11-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/thumb15.png");
	background-size:600px 300px;
	}

a.rollover_11-2:hover {
	background-position: -299px 0;
	}

.displace_11-2 {
	position: absolute;
	left: -5000px;
	}


/*  Loud Librarian Logo  */

a.rollover_12-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/thumb16.png");
	background-size:600px 300px;
	}

a.rollover_12-2:hover {
	background-position: -302px 0;
	}

.displace_12-2 {
	position: absolute;
	left: -5000px;
	}


/*  Asterand Annual Report  */

a.rollover_13-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/identity_thumb.png");
	background-size:600px 300px;
	}

a.rollover_13-2:hover {
	background-position: -302px 0;
	}

.displace_13-2 {
	position: absolute;
	left: -5000px;
	}


/*  Mission Poster  */

a.rollover_14-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/identity2_thumb.png");
	background-size:600px 300px;
	}

a.rollover_14-2:hover {
	background-position: -302px 0;
	}

.displace_14-2 {
	position: absolute;
	left: -5000px;
	}


/*  Meerkat Infographic */

a.rollover_15-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/info_thumb.png");
	background-size:600px 300px;
	}

a.rollover_15-2:hover {
	background-position: -302px 0;
	}

.displace_15-2 {
	position: absolute;
	left: -5000px;
	}

.img_meerkat{
  width:60%;
  display: inline-block;
  margin: auto;
  float:inherit;
  padding-right: 25px;
}

@media only screen and (max-width: 320px) {
body .img_meerkat { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_meerkat {  margin: auto; width: 100% }	
}

/*  Lapeer Logo */

a.rollover_16-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/identity3_thumb.png");
	background-size:600px 300px;
	}

a.rollover_16-2:hover {
	background-position: -302px 0;
	}

.displace_16-2 {
	position: absolute;
	left: -5000px;
	}

.img_lpr{
  width:325px;
  display: inline-block;
  margin: auto;
}

@media only screen and (max-width: 320px) {
body .img_lpr { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_lpr {  margin: auto; width: 100% }	
}

/*  Scuba Logo */

a.rollover_17-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/logo2_thumb.png");
	background-size:600px 300px;
	}

a.rollover_17-2:hover {
	background-position: -302px 0;
	}

.displace_17-2 {
	position: absolute;
	left: -5000px;
	}


/*  Pallet Table */

a.rollover_18-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/table2_thumb.png");
	background-size:600px 300px;
	}

a.rollover_18-2:hover {
	background-position: -302px 0;
	}

.displace_18-2 {
	position: absolute;
	left: -5000px;
	}


/*  Silent Poster*/

a.rollover_19-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/identity4_thumb.png");
	background-size:600px 300px;
	}

a.rollover_19-2:hover {
	background-position: -298px 0;
	}

.displace_19-2 {
	position: absolute;
	left: -5000px;
	}


/*  Dog Drawings  */

a.rollover_20-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/draw_thumb.png");
	background-size:600px 300px;
	}

a.rollover_20-2:hover {
	background-position: -302px 0;
	}

.displace_20-2 {
	position: absolute;
	left: -5000px;
	}


/*  Floating Shelves  */

a.rollover_21-2 {
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	background: url("art/furniture_thumb.png");
	background-size:600px 300px;
	}

a.rollover_21-2:hover {
	background-position: -302px 0;
	}

.displace_21-2 {
	position: absolute;
	left: -5000px;
	}



/*  Soapbox  */

a.rollover_22-5 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb14.png");
	background-size:590px 290px;
	}

a.rollover_22-5:hover {
	background-position: -299px 0;
	}

.displace_22-5 {
	position: absolute;
	left: -5000px;
	}

.img_sb{
  width:240px;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_sb { margin: auto; width: 80% }	
}

@media only screen and (max-width: 550px) {
body .img_sb {  margin: auto; width: 80% }	
}

/*  Socibank */

a.rollover_23-5 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb13.png");
	background-size:590px 290px;
	}

a.rollover_23-5:hover {
	background-position: -299px 0;
	}

.displace_23-5 {
	position: absolute;
	left: -5000px;
	}

.img_sbank{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_sbank { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_sbank {  margin: auto; width: 100% }	
}


/*  Fitit */

a.rollover_24-4 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb12.png");
	background-size:590px 290px;
	}

a.rollover_24-4:hover {
	background-position: -299px 0;
	}

.displace_24-4 {
	position: absolute;
	left: -5000px;
	}

.img_fitit{
  width:90%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_fitit { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_fitit {  margin: auto; width: 100% }	
}


/*  Apocalypse Now*/

a.rollover_25-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb11.png");
	background-size:590px 290px;
	}

a.rollover_25-1:hover {
	background-position: -299px 0;
	}

.displace_25-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_apocnow { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_apocnow {  margin: auto; width: 100% }	
}


/*  Ads 4-Pager   */

a.rollover_26-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb06.png");
	background-size:590px 290px;
	}

a.rollover_26-1:hover {
	background-position: -301px 0;
	}

.displace_26-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_4page { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_4page {  margin: auto; width: 100% }	
}

/*  Email 4-Pager   */

a.rollover_27-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb05.png");
	background-size:590px 290px;
	}

a.rollover_27-1:hover {
	background-position: -301px 0;
	}

.displace_27-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_4page_email { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_4page_email {  margin: auto; width: 100% }	
}


/*  Rouge 1  */

a.rollover_28-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb18.png");
	background-size:590px 290px;
	}

a.rollover_28-1:hover {
	background-position: -298px 0;
	}

.displace_28-1 {
	position: absolute;
	left: -5000px;
	}

.img_4page{
  width:48%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_4page_email { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_4page_email {  margin: auto; width: 100% }	
}


/*  World Medical Relief*/

a.rollover_29-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/wmr_thumb1.png");
	background-size:590px 290px;
	}

a.rollover_29-1:hover {
	background-position: -295px 0;
	}

.displace_29-1 {
	position: absolute;
	left: -5000px;
	}

.img_wmr{
  width:50%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_wmr { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_wmr {  margin: auto; width: 100% }	
}

.img_wmr2{
  width:60%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_wmr2 { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_wmr2 {  margin: auto; width: 100% }	
}

.img_wmr3{
  width:38%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_wmr3 { display: block; margin-left: auto; margin-right: auto; width: 80% }	
}

@media only screen and (max-width: 550px) {
body .img_wmr3 { display: block; margin-left: auto; margin-right: auto; width: 80% }	
}

.img_wmr_hor{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_wmr_hor { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_wmr_hor {  margin: auto; width: 100% }	
}


/*  Hummingbird Cottage  */

a.rollover_30-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb04.png");
	background-size:590px 290px;
	}

a.rollover_30-1:hover {
	background-position: -299px 0;
	}

.displace_30-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Shoptelligencege  */

a.rollover_31-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb02.png");
	background-size:590px 290px;
	}

a.rollover_31-1:hover {
	background-position: -299px 0;
	}

.displace_31-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_apocnow { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_apocnow {  margin: auto; width: 100% }	
}

/* AdAdapted  */

a.rollover_32-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb01.png");
	background-size:590px 290px;
	}

a.rollover_32-1:hover {
	background-position: -299px 0;
	}

.displace_32-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Movie Posters  */

a.rollover_33-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb03.png");
	background-size:590px 290px;
	}

a.rollover_33-1:hover {
	background-position: -295px 0;
	}

.displace_33-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_apocnow { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_apocnow {  margin: auto; width: 100% }	
}

.img_hbird-logo{
  width:50%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

@media only screen and (max-width: 320px) {
body .img_hbird-logo { margin: auto; width: 100% }	
}

@media only screen and (max-width: 550px) {
body .img_hbird-logo {  margin: auto; width: 100% }	
}

/* Skyspecs Brochure 1 */

a.rollover_34-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss_thumb.png");
	background-size:590px 290px;
	}

a.rollover_34-1:hover {
	background-position: -293px 0;
	}

.displace_34-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 2 */

a.rollover_35-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss2_thumb.png");
	background-size:590px 290px;
	}

a.rollover_35-1:hover {
	background-position: -293px 0;
	}

.displace_35-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 3 */

a.rollover_36-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss3_thumb.png");
	background-size:590px 290px;
	}

a.rollover_36-1:hover {
	background-position: -296px 0;
	}

.displace_36-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 4 */

a.rollover_37-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss4_thumb.png");
	background-size:590px 290px;
	}

a.rollover_37-1:hover {
	background-position: -296px 0;
	}

.displace_37-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 5 */

a.rollover_38-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss5_thumb.png");
	background-size:590px 290px;
	}

a.rollover_38-1:hover {
	background-position: -296px 0;
	}

.displace_38-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}


/* Skyspecs Brochure 6 */

a.rollover_39-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss6_thumb.png");
	background-size:590px 290px;
	}

a.rollover_39-1:hover {
	background-position: -296px 0;
	}

.displace_39-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 7 */

a.rollover_40-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss7_thumb.png");
	background-size:590px 290px;
	}

a.rollover_40-1:hover {
	background-position: -296px 0;
	}

.displace_40-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 8 */

a.rollover_41-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss8_thumb.png");
	background-size:590px 290px;
	}

a.rollover_41-1:hover {
	background-position: -296px 0;
	}

.displace_41-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 9 */

a.rollover_42-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss9_thumb.png");
	background-size:590px 290px;
	}

a.rollover_42-1:hover {
	background-position: -296px 0;
	}

.displace_42-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 10 */

a.rollover_43-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss10_thumb.png");
	background-size:590px 290px;
	}

a.rollover_43-1:hover {
	background-position: -296px 0;
	}

.displace_43-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Skyspecs Brochure 11 */

a.rollover_44-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss11_thumb.png");
	background-size:590px 290px;
	}

a.rollover_44-1:hover {
	background-position: -296px 0;
	}

.displace_44-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}



/* SkySpecs Video 1  */

a.rollover_45-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss12_thumb.png");
	background-size:590px 290px;
	}

a.rollover_45-1:hover {
	background-position: -299px 0;
	}

.displace_45-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* SkySpecs Video 2  */

a.rollover_46-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss13_thumb.png");
	background-size:590px 290px;
	}

a.rollover_46-1:hover {
	background-position: -299px 0;
	}

.displace_46-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* SkySpecs Video 3  */

a.rollover_47-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss14_thumb.png");
	background-size:590px 290px;
	}

a.rollover_47-1:hover {
	background-position: -299px 0;
	}

.displace_47-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* SkySpecs Foresight Logo  */

a.rollover_48-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss15_thumb.png");
	background-size:590px 290px;
	}

a.rollover_48-1:hover {
	background-position: -299px 0;
	}

.displace_48-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Charlie Kay Logo  */

a.rollover_49-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ck01_thumb.png");
	background-size:590px 290px;
	}

a.rollover_49-1:hover {
	background-position: -299px 0;
	}

.displace_49-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Webinar Logo  */

a.rollover_50-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss16_thumb.png");
	background-size:590px 290px;
	}

a.rollover_50-1:hover {
	background-position: -292px 0;
	}

.displace_50-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* White Paper */

a.rollover_51-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss17_thumb.png");
	background-size:590px 290px;
	}

a.rollover_51-1:hover {
	background-position: -292px 0;
	}

.displace_51-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* White Paper */

a.rollover_52-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss18_thumb.png");
	background-size:590px 290px;
	}

a.rollover_52-1:hover {
	background-position: -292px 0;
	}

.displace_52-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* Food Nugget */

a.rollover_53-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/app_thumb01.png");
	background-size:590px 290px;
	}

a.rollover_53-1:hover {
	background-position: -298px 0;
	}

.displace_53-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* ROVER */

a.rollover_54-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss19_thumb.jpg");
	background-size:590px 290px;
	}

a.rollover_54-1:hover {
	background-position: -298px 0;
	}

.displace_54-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* BANNERS */

a.rollover_55-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss20_thumb.jpg");
	background-size:590px 290px;
	}

a.rollover_55-1:hover {
	background-position: -298px 0;
	}

.displace_55-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* TRADE SHOW */

a.rollover_56-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/ss21_thumb.jpg");
	background-size:590px 290px;
	}

a.rollover_56-1:hover {
	background-position: -293px 0;
	}

.displace_56-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}

/* DELTA APP*/

a.rollover_57-1 {
	display: block;
	width: 290px;
	height: 290px;
	text-decoration: none;
	background: url("art/thumb19.jpg");
	background-size:590px 290px;
	}

a.rollover_57-1:hover {
	background-position: -293px 0;
	}

.displace_57-1 {
	position: absolute;
	left: -5000px;
	}

.img_apocnow{
  width:70%;
  display: inline-block;
  margin: auto;
  float:inherit;
}
/*****************************/

/** Contact **/

a.rollover_contact {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 70px;
	height: 45px;
	text-decoration: none;
	background: url("art/email.png");
	background-size:140px 75px;
	
	}

a.rollover_contact :hover {
	background-position: -288px 0;
	}

img.rollover_LI {
    position: relative;
    text-align:center;
    padding-top: 5px;

}
.displace_contact {
	position: absolute;
	left: -5000px;
	}

#images{
    text-align:right;

/** Linkedin **/

a.rollover_LI {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background: url("art/linkedin_rollover.png");
	background-size:64px 32px;
	
	}

a.rollover_LI:hover {
	background-position: -288px 0;
	}

img.rollover_LI {
    position: relative;
    text-align:center;
    padding-top: 5px;

}
.displace_LI {
	position: absolute;
	left: -5000px;
	}

#images{
    text-align:right;

}
/** Behance **/

a.rollover_BE {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background: url("art/behance_rollover.png");
	background-size:64px 32px;
	margin: auto;
	}

a.rollover_BE:hover {
	background-position: -288px 0;
	}

img.rollover_BE {
    position: relative;
    text-align:center;
    padding-top: 5px;
}

.displace_BE {
	position: absolute;
	left: -5000px;
	}


/** Submit Form **/

.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;


}
.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% source_sans_prolight, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    
    padding: 3%;
    border: 1px solid #00aeef;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
	font: 95% 
	font-family: Inter, sans-serif;
	font-size: 16px;
    padding: 3%;
    background: #00aeef;
    border-bottom: 2px solid #00aeef;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #fff;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #000;
}


/** HEADER/FOOTER QUIRIES **/

@media only screen  and (max-width: 800px){
    .col2{
        display: none;
		padding: 0em;
    }
}

@media only screen  and (max-width: 800px){
    .col1 .col3{
        padding: 0px;
		margin-bottom: 0em;
		text-align: center;
    }
}
@media only screen  and (max-width: 800px){
    .content{
		margin-bottom: 0em;
		
    }
}


/** FOOTER QUIRIES **/

@media only screen  and (max-width: 800px){
    .col_footer2{
        display: none;
		padding: 0em;
    }
}

@media only screen  and (max-width: 800px){
    .col_footer1 .col_footer3{
        padding: 0px;
		margin: auto;
    }
}
@media only screen  and (max-width: 800px){
    .content_footer{
		margin-bottom: 0em;
		margin: auto;
		
    }
}