/* CSS by studio-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.delayContent {display:none;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#000;
	background:#EEEEEE;
	}

/* start sitebuild styles */
p {font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size:18px; line-height:22px; letter-spacing:1px; margin-top:18px; color:#000a;}

h1 {font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color:#000a; font-size:50px; line-height:50px; letter-spacing:0px;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:none;
	color:#000a;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	text-decoration:underline;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
/* end link styles */

.contentlimiter {max-width:1800px; margin:auto; padding:0 150px; position:relative; z-index:6;}

.block404 {font-size:20px; line-height:30px; padding:60px 0;}

.block1 {box-sizing:border-box; margin:100px 0; padding:0px; z-index:20; position:relative; max-width:50%;}

#instafeed {margin:70px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#instafeed:hover a{opacity:.5}
#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
#instafeed a:hover{opacity:1}
#instafeed img{width:100%; padding:25px; display:block; box-sizing:border-box;}


/* --Mobile */
#mobile {display:none;}
/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(0,0,0, 0.5);}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/

@media screen and (max-width: 900px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}

	p {font-size:16px; line-height:21px; margin-top:12px;}
	h1 {font-size:30px; line-height:30px;}
	.contentlimiter {padding:0 100px;}
	.block1 {margin:60px 0 0 0; padding:0px;}
	
		
	#instafeed {margin:50px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instafeed:hover a{opacity:.5}
	#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/5);-ms-flex-preferred-size:calc(100%/5);flex-basis:calc(100%/5);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instafeed a:hover{opacity:1}
	#instafeed img{width:100%; padding:15px; display:block; box-sizing:border-box;}
	
	
}

@media screen and (max-width: 600px) {
	.nomobile {display:none !important;}

	p {font-size:14px; line-height:18px; margin-top:12px;}
	h1 {font-size:22px; line-height:30px;}
	.contentlimiter {padding:0 30px;}
	.block1 {margin:30px 0 0 0; padding:0px;}

	#instafeed {margin:30px 0 0 0; background:none; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
	#instafeed:hover a{opacity:.5}
	#instafeed a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/2);-ms-flex-preferred-size:calc(100%/2);flex-basis:calc(100%/2);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
	#instafeed a:hover{opacity:1}
	#instafeed img{width:100%; padding:10px; display:block; box-sizing:border-box;}
	
}