html {
	background: #304536;
	-webkit-text-size-adjust: 100%;
}
body {
	background: #304536 url(../img/background-4k.jpg) no-repeat top center;
	color: #b6d9b6;
	font-size: 1em;
}
a:link, a:visited {
	color: #e2f2d6;
	font-weight: bold;
	text-decoration: none;
}
a:active, a:hover {
	color: #d6fedf;
	font-weight: bold;
	text-decoration: none;
} 
h1, h2, h3, h4, h5, h6 {
	color:  #b6d9b6;
}
p {
	font-size: 1em;
}
#first-block, #second-block, #third-block, #fourth-block, .boxes-block, .boxes-block-2 {
	text-align:center;
	padding:2em 0 2em 0;
}
.boxes-block-3 {
	text-align:center;
	padding:0;
	margin:0;
}
#carousel {
	text-align:center;
	background:#384b3c;
}
.no-bg {
	background: #445444;
}
.image-block {
	padding: 0;
}
.content-block {
	text-align:center;
	padding: 2em 0 2em 0;
}
.content-block-2 {
	text-align:center;
	padding: 0 0 2em 0;
}
.intro-block, .main-block {
	text-align: center;
	padding:0;
}
.intro-block-2 {
	text-align: center;
	padding: 0;
}
#first-block, #third-block, #fourth-block, .boxes-block {
	background: #384b3c;
}
#second-block, .content-block, .content-block-2 {
	background: #304536;
}
.intro-block-2 {
	background: none;
}
.intro-background {
	background: #304536;
	padding-top: 1em;
}
.rounded {
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
footer {
	background:#304536;
	padding:3.5em 0;
	color: #b6d9b6;
}
nav {
	padding-bottom: 0.5em;
}
nav a, a:link, a:visited, a:hover, a:active {
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
} 
.top-nav {
	background: rgba(48, 69, 54, 0.60);
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border: 1px solid #83ac8e;
	overflow: hidden;
}
.top-nav .active-item a {
	background:#38513f;
}
.runicnav {
	text-align: center;
}
.runicnav li {
	display: inline-block;
	float: none;
}
.runicnav li a {
	font-size: 1.3em!important;
}
.opaque {
	background: rgba(48, 69, 54, 1);
}
.bg-green {
	background: #304536!important;
}
.bg-lt-green {
	background: #516b59!important;
}
.bg-black {
	background: #000;
}
.top-nav li a {
	padding:0.5em;
	display:block;
	color: #e2f2d6;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.top-nav li a:hover {
	background: #28392d;
	color: #ffffff;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
.headertitle {
	text-align: center;
	color: #b6d9b6;
	font-size: 1.25em;
	font-weight: bold;
	text-shadow: -1px -1px 0 #20241c, 1px -1px 0 #20241c, -1px 1px 0 #20241c, 1px 1px 0 #20241c; 
}
.smallgutter {
	margin: 0;
}
.justify {
	text-align: justify;
}
.flex {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
.pad-top {
	padding-top: 1em;
}
.pad-bottom {
	padding-bottom: 1em;
}
.pad-both {
	padding-top: 1em;
	padding-bottom: 1em;
}
.pad-sides {
	padding-left: 1em;
	padding-right: 1em;
}
.pad-paragraph {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: normal;
}
.pad-thin {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.pad-none {
	margin: 0 auto 0 auto!important;
	padding: 0!important;
}
.headingcenter {
	margin:auto;
	text-align:center;
}
.marginless-bottom {
	margin-bottom: 0;
}
.marginless-top {
	margin-top: 0;
}
.displaybox, .displaybox2, .formbox {
	color: #b6d9b6;
	background: #314536;
	padding: 1em;
	border: 1px solid #7fb182;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.displaybox2 {
	background: #374a3c;	
}
.displaybox h2, .displaybox2 h2, .formbox h2 {
	font-size: 1.6em;
	color:  #b6d9b6;
	margin-top: 0!important;
	margin-bottom: 0.25em;
}
.displaybox h2 a {
	font-weight: normal;
}
.medium-heading {
	font-size: 1.5em;
}
.fillbox {
	background: #445444;
	padding: 1em;
	border: none;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.icon3x {
	color: #7fb182;
}
.moreinfo {
	margin: 1em 0 1em 0;
	text-transform: uppercase;
}
.marginless {
	margin: 0 auto -0.3125em auto!important;
	padding: 0!important;
}
.icon-art, .icon-graphics, .icon-webdesign, .icon-photos, .icon-prints, .icon-contact {
	width: 60px;
	height: 60px;
}
.icon-art {
	background: url(../img/icon-art.png) no-repeat center center;
}
.icon-graphics {
	background: url(../img/icon-graphics.png) no-repeat center center;
}
.icon-webdesign {
	background: url(../img/icon-webdesign.png) no-repeat center center;
}
.icon-photos {
	background: url(../img/icon-photos.png) no-repeat center center;
}
.icon-prints {
	background: url(../img/icon-prints.png) no-repeat center center;
}
.icon-contact {	
	background: url(../img/icon-contact.png) no-repeat center center;
}
p.subtitle, p.subtitle2 {
	margin: 0.25em 0 0.5em 0;
	text-align: center;
}
p.subtitle a, p.subtitle2 a{
	color: #b6d9b6;
}
p.subtitle a:hover, p.subtitle2 a:hover {
	color: #c4efc4;
}
.maintext {
	text-align: justify;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
}
.imgpad-about, .imgpad-oscar {
	padding: 1em 1em 0.5em 1em;
	float:right;
	width: auto;
}
.imgpad-oscar {
	clear: both;
}
.clear, .clear10, .clear20, .spacer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clear10 {
	height: 10px;
}
.clear20 {
	height: 20px;
}
.spacer {
	height: 40px;
}
.buyartprint {
	margin: 1em auto 1em auto; 
	text-align: center;
}
.button-container {
	margin: 0.5em auto 0.5em auto; 
	text-align: center;
}
.button-container-2 {
	margin: 0.5em auto 2.25em auto; 
	text-align: center;
}
.buyartprint-submit, .link-button, .link-button-2 {
	background: #212f25;
	color: #c4d4bd;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 auto 0 auto;
	padding: 0.4em 1em 0.4em 1em;
	cursor: pointer;
	border: 2px solid #83ac8e;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	-webkit-appearance: none;
}
.link-button, .link-button-2 {
	padding-top: 0.2em;
	display: inline-block;
}
.link-button-2 {
	margin: 0.2em;
}
.buyartprint-submit:hover, .link-button:hover, .link-button-2:hover {
	background: #354135;
	color: #d6fedf;
	border: 2px solid #c4d4bd;
}
.buyprint-thumb, .buyprint-landscape, .buyprint-portrait, .buyprint-pano {
	margin: 0 auto 0 auto;
	padding: 0;
}
.buyprint-thumb, .buyprint-landscape {
	max-width: 480px;
}
.buyprint-portrait {
	max-width: 360px;
}
.buyprint-pano {
	max-width: 720px;
}
.stocktable {
	max-width: 480px;
	margin: auto;
}
.pricingtable {
	max-width: 450px;
	margin: auto;
}
.pricingrow {
	height: 2em;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: center;
	width: auto;
	display: block;
}
.printsize-met, .printsize-imp, .printprice {
	display: block;
	float: left;
	margin: 0.2em 0.1em 0.2em 0.1em;
	padding:0.2em;
	background-color: #354135;
	font-size: 1em;
}
.printbuy {
	display: block;
	float: right;
	margin: 0.2em 0.1em 0.2em 0.1em;
	background: none;
	padding: 0;
}
.shirtbuy {
	float: none;
	margin: 0.2em auto 0.2em auto;
	background: none;
	padding: 0;
}
.printbuy input, .shirtbuy input {
	border: 1px solid #83ac8e;
	background-color: #212f25;
	color: #c4d4bd;
	padding: 0.2em 0.8em 0.2em 0.8em;
	font-size: 1em;
	font-weight: bold;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-webkit-appearance: none;
}
.printbuy input:hover, .shirtbuy input:hover {
	background: #354135;
	color: #d6fedf;
	font-weight: bold;
	border: 1px solid #c4d4bd;
}
.shirtbuy select {
	background: #212f25;
	color: #c4d4bd;
	font-size: 1em;
	font-weight: bold;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #83ac8e;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-webkit-appearance: none;
}
.item {
	position: relative;
}
.art-nav {
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: middle;
	margin: 0 1em 0 1em;
	text-transform: uppercase;
}
.art-desc {
	max-width: 100%;
}
.artpad {
	margin-top: 30px;
}
.artpad2 {
	margin-top: 9px;
}
.artpad3 {
	margin-top: 21px;
}
.artpad4 {
	margin-top: 58px;
}
.aipad {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.art-img {
	max-height: 1080px;
	width: auto;
}
.bulletless {
	list-style: none;
	margin: 0 auto 0 auto;
}
.bulletless li {
	padding: 0.2em 0 0.2em 0;
	margin-left: -2em;
}
.custom-list {
	text-align: left;
	list-style: none;
	margin: 0 1em 1em 0;
	text-indent: -1em;
}
.custom-list li:before {
  content:"\0BB \020";
  display:inline;
  font-size:1.5em;
  color: #7fb182;
}
video {
	max-width: 100%!important;
	height: auto!important;
}
.img-responsive {
	max-width: 100%; 
	display:block; 
	height: auto;
}

@media screen and (max-width: 768px) {
body {
	background: #304536;
}
p {
	font-size: 0.9em;
}
.image-block {
	background: #304536;
}
#first-block, #second-block, #third-block, #fourth-block, .boxes-block, .boxes-block-2, .boxes-block-3, .content-block, .content-block-2, .intro-block, .intro-block-2, .main-block {
	text-align:center;
	padding:0;
}
.boxes-block-2 {
	padding: 0.5em 0 0 0;
}
.right {
  float:none;
}
nav {
	background: #445444;
}
.nav-text {
	text-align: center;
	color: #b6d9b6;
	font-size: 1.6em;
	line-height: 2em;
}
.runicnav {
	text-align: center;
}
.runicnav li {
	display: block;
	float: none;
}
.runicnav li a {
	background: #445444;
	padding: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.runicnav li a:hover {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.lastnav  {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom:1px solid #34351f;
}
.lastnav:hover {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.top-nav {
	background: #304536;
	line-height: 3em;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
}
.top-nav li a {
	border-top:1px solid #34351f;
}
.top-nav li a:hover {
	background: #304536;
}
.headertitle {
	font-size: 1em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0.2em 0 0.2em;
}
.displaybox, .displaybox2, .formbox {
	margin: 0 0 1em 0;
}
.displaybox h2, .displaybox2 h2, .formbox h2 {
	font-size: 1.25em;
}
.displaybox h3 {
	font-size: 1.2em;
}
.pad-top {
	padding-top: 0.25em;
}
.pad-sides {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
.imgpad-about, .imgpad-oscar {
	float: none;
	margin: auto;
	display: inline-block;
}
.maintext {
	line-height:normal;
}
.fillbox {
	padding: 1em 0.2em 1em 0.2em;
	font-size: 0.9em;
}
.printbuy {
	float: left;
}
.art-nav {
	margin: 0 0.5em 0 0.5em;
}
.artpad, .artpad2, .artpad3, .artpad4 {
	margin-top: 0;
}
.aipad {
	margin: 0 0 10px 0; 
	padding-left: 0;
	padding-right: 0;
}
.artcenter {
	float:none;
	margin:0 auto;
	display:block;
}
.flex {
	text-align: justify;
	padding-left: 0;
	padding-right: 0;
}
p.subtitle {
	margin: 0.25em 0 1em 0;
}
.buyprint-landscape, .buyprint-pano {
	max-width: 400px;
}
.button-container-2 {
	margin: 0.5em auto 3em auto; 
}
footer {
	text-align: center;
}

}

@media screen and (max-width: 480px) {
.headertitle {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0.5em 0 0.5em;
}
.nav-text {
	text-align: center;
	color:  #b6d9b6;
	font-size: 1.4em;
}
.formbox {
	padding: 0.2em;
}
.buyprint-thumb {
	padding: 0 0.5em 0 0.5em;
}
.buyprint-landscape, .buyprint-pano, .buyprint-portrait {
	max-width: 200px;
}
}

@media screen and (min-width: 769px) and (max-width: 960px) {
.top-nav li a, .top-nav li a:hover  {
	font-size: 1em;
}
.headertitle {
	font-size: 1.1em;
}
.displaybox h2, .displaybox2 h2, .formbox h2 {
	font-size: 1.6em;
	color:  #b6d9b6;
}
.flex {
	text-align: justify;
	padding-left: 0;
	padding-right: 0;
}
.buyprint-pano {
	max-width: 500px;
}
.artpad {
	margin-top: 20px;
}
.artpad2 {
	margin-top: 5px;
}
.artpad4 {
	margin-top: 40px;
}
}

@media (min-width: 1921px) {
.art-img {
	max-height: 1280px;
	width: auto;
}
}