body {
	margin:0 auto;
	width:100%;
	color:#fff;
	background:url(img-css/home-silver-bkgr.jpg) center top no-repeat fixed #777;
	background-size:cover;
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:62.5%;
	letter-spacing:.18em;
	text-align:center
}
form {
	width: 80%;
	margin: 0 auto;
}
h2 {
	font-size:24px;
	font-weight:300
}
header {
	height:80px;
	margin:0 1% 20px
}
#logo,#logo-home {
	padding:36px 0 0;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:300;
	letter-spacing:.35em;
	word-spacing:.22em;
		  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d;

}
#slideshow-lg {
	display:block
}
#slideshow-lg section {
	padding:4% 0 0
}
#slideshow-sm,#slideshow-xsm {
	display:none
}
.container {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	text-align:center
}
.container-home {
	width:100%;
	margin:0 auto;
	text-align:center
}
.container-contact {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:left
}
.content,.content-with-slideshow {
	margin:0 auto;
	padding:4px 0 0;
	width:80%
}
.content-home {
	margin:0 auto;
	width:728px;
	padding:2% 0
}
.home-slider {
	margin:44px auto 0;
	width:728px;
	height:488px;
	text-align:center;
	background:#000
}
#print-design.portfolio {
	background: #000;
}
#print-design.portfolio img {
	margin: 24px 0 48px 0;
}
.portfolio {
	margin: 24px 0 24px 0;
}
.portfolio img {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.content-portfolio {
	margin:0 auto;
	width:80%;
	padding:4% 0
}
section {
	margin:0;
	padding:0;
	text-align:center
}
.section-wide {
	display:block
}
.section-mobile {
	display:none
}
section h2 {
	font-size:24px;
	font-weight:300
}
section h3 {
	width:100%;
	margin:32px 0 18px;
	display:block;
	list-style:none;
	color:#222;
	font-size:12px;
	text-transform:uppercase;
	font-weight:400
}
.underline {
	border-bottom:#fff 1px solid;
	padding:0 0 12px
}
section p {
	margin:0 auto;
	padding:24px 0 48px;
	color:#222;
	font-size:14px;
	text-align:center
}
section ul {
	margin:28px 0 40px;
	padding:0;
	text-align:centered
}
section li {
	width:100%;
	margin:0 0 14px;
	display:block;
	list-style:none;
	color:#222;
	font-size:12px;
	text-transform:uppercase
}
section a:link,section a:visited {
	color:#fff;
	text-decoration:none;
	transition: 1s ease;
}
section a:active,section a:hover {
	color:#666;
	transition: 1s ease;
}
section h2 a:link,section h2 a:visited {
	color:#fff;
	text-decoration:none;
	transition: 1s ease;
}
section h2 a:active,section h2 a:hover {
	color:#666;
	transition: 1s ease;
}
section li a:link,section li a:visited {
	color:#222;
	text-decoration:none;
	transition: 1s ease;
}
section li a:active,section li a:hover {
	color:#fff;
	transition: 1s ease;
}
section h3 a:link,section h3 a:visited {
	color:#222;
	text-decoration:none;
	transition: 1s ease;
}
section h3 a:active,section h3 a:hover {
	color:#fff;
	transition: 1s ease;
}
.light-link a:link,.light-link a:visited {
	color:#111;
	text-decoration:none;
	transition: 1s ease;
}
.light-link a:active,.light-link a:hover {
	color:#666;
	transition: 1s ease;
}
.text-box-item a:link,.text-box-item a:visited {
	color:#222;
	text-decoration:none;
	padding-bottom: .11em;
	border-bottom: 1px #aaa solid;
	transition: 1s ease;
}
.text-box-item a:active,.text-box-item a:hover {
	color:#aaa;
	text-decoration:none;
	border-bottom: none;
	transition: 1s ease;	
}
.text {
	width:0 5em;
	font-size:14px
}
#contact-form .text-box {
	padding: 12px 24px 24px 24px;
}
.text-box {
	width:100%;
	background:#ddd;
	padding: 36px;
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: 4rem;
	border:2px solid #eee;
	-webkit-box-shadow:6px 6px 8px 0 rgba(81,81,81,.75);
	-moz-box-shadow:6px 6px 8px 0 rgba(81,81,81,.75);
	box-shadow:6px 6px 8px 0 rgba(81,81,81,.75)
}
.text-box p,.text-box-about-us p {
	color:#222;
	font-size:1rem;
	line-height:160%
}
.text-box h2,.text-box-about-us h2 {
	color:#222;
	font-weight:400;
	font-size:22px
}
.text-box-item {
	padding:24px 0 36px;
	border-bottom:#eee 1px solid
}
.text-box-item:last-child {
	padding:24px 0 14px;
	border-bottom:#eee 0 solid
}
.text-box-item li {
	list-style-image:url(img/bullet.jpg) no-repeat left 5px
}
.text-box-li {
	font-size:1rem;
	color:#222;
	line-height:160%;
	padding:0 0 12px
}
.text-box-item img {
	/*! float:right; */
	padding:0 0 0 4px;
	width:100px;
}
.text-box-about-us {
	width:72%;
	background:#ddd;
	padding:12px 24px 24px;
	margin:36px auto 48px;
	text-align:left;
	border:2px solid #eee;
	-webkit-box-shadow:6px 6px 8px 0 rgba(81,81,81,.75);
	-moz-box-shadow:6px 6px 8px 0 rgba(81,81,81,.75);
	box-shadow:6px 6px 8px 0 rgba(81,81,81,.75)
}

.button {
	background: #fff !important;
	padding: 8px 14px !important;
	border: 1px solid #ccc !important;
	border-radius: 8px !important;
	color: #000 !important;
	font-size: 1rem;
	margin-top: 2rem;
}
.button:hover {
	background: #ccc !important;
	border: 1px solid #ccc !important;
	color: #fff !important;
	
}

.padding {
	padding: 0 0 60px 0;
}
.web-portfolio-left-img {
	width: 44%;
	float: left;
	padding: 0 4% 0 0;
}
.web-portfolio-right-img {
	width: 44%;
	float: right;
	padding: 0 0 0 4%;
}
.print-portfolio-left-img {
	width: 64%;
	float: left;
	padding: 0 4% 0 0;
}
.print-portfolio-right-img {
	width: 64%;
	float: right;
	padding: 0 0 0 4%;
}
.descr-left-float {
	text-align: left;
}
.descr-left-float h2, .descr-right-float h2 {
	font-size: 2em;
	font-weight: 400;
	color: #eee;
	/*! font-variant: small-caps; */
	margin: 0 0 -.5em 0;
	padding: 1em 0 0 0;
}
h2.print {
	margin: 90px 0 0 0;
	font-size: 1.5em;
}
.descr-right-float {
	text-align: right;
}
.descr-left-float p, .descr-right-float p {
	color: #222;
	font-size: 1.25em;
}
.descr-left-float a:link, .descr-left-float a:visited,
.descr-right-float a:link, .descr-right-float a:visited, a:link, a:visited {
	color: #fff;
	text-decoration: none;
	transition: 1s ease;
}
.descr-left-float a:hover, .descr-left-float a:active, .descr-left-float a:focus,
.descr-right-float a:hover, .descr-right-float a:active, .descr-right-float a:focus, a:hover, a:active, a:focus {
	color: #555;
	text-decoration: none;
	transition: 1s ease;
}
#about-us .text-box-item {
	padding:24px 0;
	border-bottom:#eee 1px solid
}
#about-us .text-box-item:last-child {
	padding:24px 0 14px;
	border-bottom:#eee 0 solid
}
#about-us .text-box-item .sm {
	float:left;
	padding:0 48px 48px 0;
	width:20%
}
#about-us .about-us-img {
	float:none;
	width:auto;
	padding:0
}
#scaptcha_img {
	float:none;
	width:200px;
	padding:0
}
.h3-link-padding {
	padding:8px
}
bold {
	color:#111
}
.left-justify {
	text-align:left;
}
footer {
	margin:0 auto;
	padding:10px;
	width:100%;
	background:#777;
	text-align:center;
	/*! position: absolute; */
	/*! bottom: 0; */
}
footer p {
	color:#ccc;
	font-size:13px;
	letter-spacing:.1em;
	line-height:180%
}
.phone {
	font-size:36px;
	font-weight:300;
	letter-spacing:.2em;
	line-height:220%
}
#nav {
	width:100%;
	text-align:center
}
#nav a:link,#nav a:visited,.fixed a:link,.fixed a:visited {
	color:#bbb;
	font-size:12px;
	letter-spacing:.2em;
	text-decoration:none;
	transition: 1s ease;
}
#nav a:active,#nav a:hover,.fixed a:active,.fixed a:hover {
	color:#fff;
	transition: 1s ease;
}
#nav ul {
	padding:14px 10px 0 0
}
#nav li {
	display:inline;
	padding:0 14px
}
#nav li:first-child {
	display:inline;
	padding:0 14px 0 0
}
#nav li:last-child {
	display:inline;
	padding:0 0 0 14px
}
[class*=col] {
	/*! display:inline; */
	/*! float:left; */
	/*! position:relative; */
	/*! margin-left:0; */
	margin-right:0;
}
[class*=col]:last-child {
	margin-right:0
}
.col-full-width {
	width:100%
}
.col1 {
	width:6.333%
}
.col5-wide {
	margin:0 auto;
	width:20%;
	text-align:center
}
.col5-wide img {
	width:80%;
	max-width:179px;
	max-height:160px
}
.col5-short {
	margin:0 auto;
	width:18%;
	text-align:center
}
.col5-short img {
	width:90%
}
.col3-short {
	width:20%
}
.col3-long {
	width:26%
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after,.clearfix:before {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.v-space-90 {
	height: 150px;
}


/* FORMS */

.contact-form-container {
  width: 100%;
  text-align: center;
}
.contact-form {
  margin: 0 auto;
  /*! text-align: center; */
}
.captcha-row {
	margin: 0 10% 0 10%
}
.col-sm-5 {
	width: 40%;
	position: relative;
	float: right;
}
.col-sm-6 {
	width: 50%;
	position: relative;
}
.captcha-row .col-sm-5 {
	width: 25%
}
.form-group.captcha-img {
	width: 50%;
}
.form-group.code {
	width: 50%;
	float: right;
}
#contact-area {
  margin: 0 auto;
  width: 100%;
  /*! text-align: left; */
}
#contact-area p {
  margin: 4em 0 2em 0;
  font-size: 1.25em;
  line-height: 160%;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%;
  font-family: Lato, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
  background: #f8f8f8;
	border: 2px solid #ddd;
  border-radius: 4px;
}
#contact-area input:required {
    box-shadow:none;
}

#contact-area textarea {
	height: 90px;
  font-size: 1.17em;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #888;
  background: #fff;
}

#contact-area input.submit-button {
	width: auto;
  float: left;
  padding: 1em;
  margin: .5em 0 3em calc(20% + 15px);
	font-size: 1.5em;
}
#contact-area input.submit-button:hover {
	border: 2px solid #888;
  background: #ddd;
  
}
label {
	/*! float: left; */
	/*! text-align: right; */
	/*! margin-right: 15px; */
	width: 20%;
	padding-top: 5px;
	font-size: 1.5em;
	color: #222;
	line-height: 2;
}
#success_message {
	text-align: center;
	font-size: 1rem;
	color: #444;
}
.design {
	display: none;
	margin: 14vh 0 12vh 0;
	text-align: center;
}
h2.design-design {
	font-size: 8em;
	margin: 3vh 0 3vh 0;
}
p.design-design-line-2 {
	font-size: 2em;
	line-height: 1.6;
}
p.design-design-line-3 {
	font-size: 2em;
	line-height: 1.6;
}

/* fade slider */
.slides {
	   width:880px;
    height:528px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.slides ul {
    list-style:none;
    position:relative;
}
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
.slides ul li {
    opacity:0;
    position:absolute;
    top:0;
    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 16.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 16.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 4.0s;
    -moz-animation-delay: 4.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 8.0s;
    -moz-animation-delay: 8.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul li img {
    display:block;
}
/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}


@media handheld,only screen and (max-width:1100px) {
#descriptions {
	margin: 0 auto;
	padding: 90px 10% 0 10%;
}
}


@media handheld,only screen and (max-width:900px) {
	body {
		/*! font-size:1em; */
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
		letter-spacing:.08em
	}
	header {
		height:100px;
		margin:0 1%
	}
	#logo,#logo-home {
		padding:36px 0 0;
		text-align:center;
		color:#fff;
		font-size:36px;
		font-weight:300;
		letter-spacing:.35em;
		word-spacing:.22em
	}
	.slides {
		display: none;
	}
	.design {
		display: block;
    margin: 0 0 12vh 0;
		padding: 24px;
	}
	#slideshow-lg {
		display:block
	}
	#slideshow-lg section {
		padding:4% 10% 0
	}
	#slideshow-sm,#slideshow-xsm {
		display:none
	}
	.container-contact {
		width:100%;
		max-width:700px;
		margin:0 auto;
		text-align:left
	}
	.content,.content-home,.content-portfolio,.content-with-slideshow {
		margin:0 auto;
		width:80%
	}
	section {
		margin:0;
		padding:0;
		text-align:center
	}
	.section-wide {
		display:block
	}
	.section-mobile {
		display:none
	}
	section h2 {
		font-size:24px;
		font-weight:300
	}
	section h3 {
		width:100%;
		margin:32px 0 18px;
		display:block;
		list-style:none;
		color:#222;
		font-size:12px;
		text-transform:uppercase;
		font-weight:400
	}
	.underline {
		border-bottom:#fff 1px solid;
		padding:0 0 12px
	}
	section p {
		margin:0 auto;
		padding:24px 0 48px;
		color:#222;
		font-size:14px;
		text-align:center
	}
	section ul {
		margin:28px 0 40px;
		padding:0;
		text-align:centered
	}
	section li {
		width:100%;
		margin:0 0 14px;
		display:block;
		list-style:none;
		color:#222;
		font-size:1em;
		text-transform:uppercase
	}
#descriptions {
	margin: 0 auto;
	padding: 60px 8% 0 8%;
}
.web-portfolio-item {
	padding: 32% 0 0 0;
}
.web-portfolio-left-img {
	width: 38%;
	float: left;
	padding: 0 4% 0 0;
}
.web-portfolio-right-img {
	width: 38%;
	float: right;
	padding: 0 0 0 4%;
}
.descr-left-float {
	text-align: left;
}
.descr-left-float h2, .descr-right-float h2 {
	font-size: 2em;
	font-weight: 400;
	color: #eee;
	/*! font-variant: small-caps; */
	margin: 0 0 -.5em 0;
	padding: .25em 0 0 0;
}
.descr-right-float {
	text-align: right;
}
.descr-left-float p, .descr-right-float p {
	color: #222;
	font-size: 1.25em;
}
	.text-box {
		width:90%;
		background:#ddd;
		padding:24px;
		margin:36px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	.text-box-about-us {
		width:84%;
		background:#ddd;
		padding:12px 24px 24px;
		margin:36px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	.text-box p,.text-box-about-us p {
		color:#222;
		line-height:160%;
		font-size:14px
	}
	.text-box h2,.text-box-about-us h2 {
		color:#222;
		font-weight:400;
		font-size:22px
	}
	.text-box-item {
		padding:0 0 24px
	}
	.text-box-li {
		list-style:square;
		font-size:14px;
		color:#222;
		line-height:160%;
		padding:0 0 12px
	}
	#about-us .text-box-item .sm {
		float:left;
		padding:0 48px 60px 0;
		width:20%
	}
	#about-us .text-box-item {
		padding:24px 0;
		border-bottom:#eee 1px solid
	}
	#about-us .text-box-item:last-child {
		padding:24px 0 14px;
		border-bottom:#eee 0 solid
	}
	footer {
		margin:0 auto;
		padding:10px;
		width:100%;
		height:100%;
		background:#777;
		text-align:center
	}
	footer p {
		color:#ccc;
		font-size:.6em;
		letter-spacing:.1em;
		line-height:180%
	}
	.phone {
		font-size:1.85em;
		font-weight:300;
		letter-spacing:.2em;
		line-height:220%
	}
	#nav {
		width:100%;
		text-align:center
	}
	#nav a:link,#nav a:visited,.fixed a:link,.fixed a:visited {
		color:#bbb;
		font-size:.6em;
		letter-spacing:.2em;
		text-decoration:none
	}
	#nav a:active,#nav a:hover,.fixed a:active,.fixed a:hover {
		color:#ccc
	}
	nav li {
		display:inline;
		padding:0 8px
	}
}
@media handheld,only screen and (max-width:800px) {
	body {
		/*! font-size:1em; */
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none
	}
	header {
		height:90px;
		margin:4% 1% 0
	}
	#logo,#logo-home {
		padding:18px 0 0 6px;
		text-align:center;
		color:#fff;
		font-size:30px;
		font-weight:300;
		letter-spacing:.35em;
		word-spacing:.22em
	}
	#slideshow-lg {
		display:block;
		width:100%;
		max-width:600px;
		margin:0 auto;
		padding:0
	}
	#slideshow-lg section {
		padding:4% 10% 0
	}
	#slideshow-sm,#slideshow-xsm {
		display:none
	}
	.container-contact {
		width:100%;
		max-width:700px;
		margin:0 auto;
		text-align:left
	}
	.content {
		margin:0 auto;
		padding:4px 0 0;
		width:80%
	}
	.content-home {
		margin:0 auto;
		width:700px;
		padding:0 0 2%
	}
	.home-slider {
		margin:28px auto 0;
		width:600px;
		height:488px;
		text-align:center;
		background:#000
	}
	.content-with-slideshow {
		margin:0 auto;
		padding:4px 0 0;
		width:100%
	}
	.content-portfolio {
		margin:0 auto;
		width:80%;
		padding:4% 0
	}
	.section-wide {
		display:block
	}
	.section-mobile {
		display:none
	}
	section h3 {
		width:100%;
		margin:32px 0 18px;
		display:block;
		list-style:none;
		color:#222;
		font-size:12px;
		line-height:180%;
		text-transform:uppercase;
		font-weight:400
	}
#descriptions {
	margin: 0 auto;
	padding: 60px 8% 0 8%;
}
.web-portfolio-item {
	padding: 32% 0 0 0;
}
.web-portfolio-left-img {
	width: 55%;
	float: left;
	padding: 0 4% 10em 0;
}
.web-portfolio-right-img {
	width: 55%;
	float: right;
	padding: 0 0 10em 4%;
}
.descr-left-float {
	text-align: left;
}
.descr-left-float h2, .descr-right-float h2 {
	font-size: 1.75em;
	font-weight: 400;
	color: #eee;
	/*! font-variant: small-caps; */
	margin: 0 0 -.5em 0;
	padding: .25em 0 0 0;
}
.descr-right-float {
	text-align: right;
}
.descr-left-float p, .descr-right-float p {
	color: #222;
	font-size: 1.25em;
}
	.text-box {
		width:90%;
		background:#ddd;
		padding:24px;
		margin:36px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	.text-box-about-us {
		width:80%;
		background:#ddd;
		padding:24px;
		margin:36px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	#about-us .text-box-item .sm {
		float:left;
		padding:0 48px 80px 0;
		width:20%
	}
}
@media handheld,only screen and (max-width:680px) {

	header {
		height:100px;
		margin:2% 0 0
	}
	#logo {
		padding:28px 0 0 6px;
		text-align:center;
		color:#fff;
		font-size:30px;
		font-weight:300;
		letter-spacing:.35em;
		word-spacing:.22em
	}
	#logo-home {
		padding:18px 0 0 6px;
		text-align:center;
		color:#fff;
		font-size:30px;
		font-weight:300;
		letter-spacing:.35em;
		word-spacing:.22em
	}
	#slideshow-lg {
		display:none
	}
	#slideshow-sm {
		display:block;
		margin:0 auto;
		width:100%;
		position:relative
	}
	#slideshow-sm section {
		margin:0 auto;
		padding:20px 0 0;
		width:500px
	}
	#slideshow-xsm {
		display:none
	}
	.container-contact {
		width:100%;
		max-width:600px;
		margin:0 auto;
		text-align:left
	}
	.content {
		margin:0 auto;
		padding:0;
		width:80%
	}
	.content-home {
		margin:0 auto;
		width:100%;
		padding:0 0 2%
	}
	.content-with-slideshow {
		margin:0 auto;
		padding:4px 0 0;
		width:100%
	}
	.home-slider {
		margin:4px auto 0;
		width:100%;
		height:488px;
		text-align:center;
		background:#000
	}
	.content-portfolio {
		margin:0 auto;
		width:80%;
		padding:4% 0
	}
	.section-wide {
		display:none
	}
	.section-mobile {
		display:block
	}
	section h2 {
		font-size:24px;
		font-weight:300
	}
	.text-box-about-us {
		width:90%;
		background:#ddd;
		padding:24px;
		margin:36px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	#about-us .text-box-item .sm {
		float:left;
		padding:0 48px 80px 0;
		width:20%
	}
}
@media handheld,only screen and (max-width:600px) {

	header {
		height:80px;
		margin:8% 1% 0
	}
	#logo,#logo-home {
		width:100%;
		padding:2% 0 0;
		text-align:center;
		color:#fff;
		font-size:24px;
		font-weight:300;
		letter-spacing:.35em;
		word-spacing:.22em;
		text-shadow:1px 2px 2px rgba(8,8,8,1)
	}
	#slideshow-lg {
		display:none
	}
	#slideshow-sm {
		display:block;
		margin:4% 0 0
	}
	#slideshow-sm section {
		margin:0 auto;
		padding:20px 0 0;
		width:450px
	}
	#slideshow-xsm {
		display:none
	}
	
	.v-space-90 {
		height: 50px;
	}
	.container-contact {
		width:100%;
		max-width:500px;
		margin:0 auto;
		text-align:left
	}
	.content,.content-with-slideshow {
		margin:0 auto;
		width:100%
	}
	.content-home {
		margin:0 auto;
		width:100%;
		padding:0
	}
	.home-slider {
		display:none
	}
	.content-portfolio {
		margin:0 auto;
		width:100%;
		padding:2% 0
	}
	.content-portfolio section h3 {
		margin:12px 0 0;
		font-size:18px;
		letter-spacing:.2em
	}
	.content-portfolio section ul {
		margin:12px 0 60px;
		padding:0;
		text-align:centered
	}
	.content-portfolio section h3 a:link,section li a:visited {
		color:#fff;
		text-decoration:none
	}
	.content-portfolio section h3 a:hover,section li a:active {
		color:#222
	}
	section h2 a:link,section h2 a:visited {
		color:#222;
		text-decoration:none
	}
	section h2 a:active,section h2 a:hover {
		color:#fff
	}
	section li a:link,section li a:visited {
		color:#444;
		text-decoration:none
	}
	section li a:active,section li a:hover {
		color:#fff
	}
	.col3,.col3-long,.col3-short {
		width:100%;
		padding:8px 0 0
	}
	.col5-short,.col5-wide {
		width:100%;
		padding:24px 0 0
	}
	.col5-short img,.col5-wide img {
		width:50%
	}
	.section-wide {
		display:none
	}
	.section-mobile {
		display:block
	}
	section h2 {
		font-size:24px;
		font-weight:300
	}
	#DESIGN {
		background-color:#ddd
	}
	#EDITING {
		background-color:#ccc
	}
	#PUBLISHING {
		background-color:#bbb
	}
	#CONSULTING {
		background-color:#aaa
	}
	.text-box,.text-box-about-us {
		width:80%;
		background:#ddd;
		padding:24px;
		margin:28px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	#about-us .text-box-item .sm {
		float:left;
		padding:0 48px 80px 0;
		width:20%
	}
#descriptions {
	padding: 36px 10% 0 10%;
}
.web-portfolio-item {
	padding: 32% 0 0 0;
}
.web-portfolio-left-img {
	width: 80%;
	max-width: 600px;
	float: none;
	padding: 0 0 2em 0;
}
.web-portfolio-right-img {
	width: 80%;
	max-width: 600px;
	float: none;
	padding: 0 0 2em 0;
}
.print-portfolio-left-img {
	width: 100%;
	max-width: 600px;
	float: none;
	padding: 0 0 0 0;
}
.print-portfolio-right-img {
	width: 100%;
	max-width: 600px;
	float: none;
	padding: 0 0 0 0;
}
.descr-left-float {
	text-align: center;
}
.descr-left-float h2, .descr-right-float h2 {
	font-size: 2em;
	font-weight: 400;
	color: #eee;
	/*! font-variant: small-caps; */
	margin: 0 0 -.5em 0;
	padding: .25em 0 0 0;
}
h2.print {
	margin: 90px 0 0 0;
  font-size: 1.5em;
}
.descr-right-float {
	text-align: center;
}
.descr-left-float p, .descr-right-float p {
	color: #222;
	font-size: 1.25em;
}
}
@media handheld,only screen and (max-width:480px) {

	header {
		height:100px;
		margin:8% 0 0
	}
	#logo,#logo-home {
		padding:8px 0 0 6px;
		text-align:center;
		color:#fff;
		font-size:24px;
		font-weight:300;
		letter-spacing:.44em;
		word-spacing:.22em;
		text-shadow:1px 2px 2px rgba(8,8,8,1)
	}
	.content-home {
		margin:0 auto;
		width:100%;
		padding:0
	}
	#slideshow-lg,#slideshow-sm {
		display:none
	}
	#slideshow-xsm section {
		margin:0 auto;
		padding:4% 0 0;
		width:350px
	}
	#slideshow-xsm {
		display:block
	}
	section h3 {
		margin:32px 0 0
	}
	.text-box,.text-box-about-us {
		width:80%;
		background:#ddd;
		padding:24px;
		margin:28px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	#about-us .text-box-item .sm {
		display:none
	}
}
@media handheld,only screen and (max-width:380px) {

	header {
		height:120px;
		margin:8% 0 0
	}
	#logo,#logo-home {
		padding:12px 0 0 6px;
		text-align:center;
		color:#fff;
		font-size:24px;
		font-weight:300;
		letter-spacing:.44em;
		word-spacing:.22em;
		text-shadow:1px 2px 2px rgba(8,8,8,1)
	}
	#slideshow-lg,#slideshow-sm {
		display:none
	}
	#slideshow-xsm {
		display:block;
		margin:0
	}
	#slideshow-xsm section {
		margin:0 auto;
		padding:20px 0 0;
		width:90%
	}
	section h2 {
		font-size:20px;
		font-weight:300
	}
	section h3 {
		margin:32px 0 0
	}
	.line-break {
		display:block
	}
	.content-home {
		margin:0 auto;
		width:100%;
		padding:0
	}
	.container-contact {
		width:100%;
		max-width:500px;
		margin:0 auto;
		text-align:left
	}
	.text-box,.text-box-about-us {
		width:80%;
		background:#ddd;
		padding:24px;
		margin:28px auto 48px;
		text-align:left;
		border:2px solid #eee
	}
	#about-us .text-box-item .sm {
		display:none
	}
}