

@font-face {
  font-family: 'Oregon LDO';
  src: url('/docLib/common/fonts/Oregon/OregonLDO.woff2') format('woff2'),
  url('/docLib/common/fonts/Oregon/OregonLDO.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body{
	font-size: 16pt;
}
header .biz-navbar,
header .biz-navbar .brand,
header .biz-navbar .contact,
header .biz-navbar .main-nav{
	display: flex;
}
header .biz-navbar{
	background-color: rgba(248,248,248,0.9);
	border: 1px solid transparent;
	border-color: #e7e7e7;
	border: 0 0 1px;
	flex-direction: column;
	font-family: 'Oregon LDO', serif;
	padding: 0.5em 0.5em 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
header .biz-navbar > *{
	flex-grow: 1;
}
header .biz-navbar .contact{
	flex-flow: row wrap;
	justify-content: space-around;
}
header .biz-navbar .contact p{
	text-align: center;
	margin: 0 0.5em;
}
header .biz-navbar .brand a{
	display: block;
	flex-grow: 1;
	text-align: center;
}
header .biz-navbar .brand img{
	width: 10em;
	margin: 0 auto;
}
header  .main-nav{
	padding-left: 0;
	margin-bottom: 0;
	flex-flow: row wrap;
	text-transform: uppercase;
}
header  .main-nav li{
	flex-grow: 1;
	flex-basis: 50%;
	list-style: none;
	font-size: 130%;
	text-align: center;
	margin-bottom: 0;
}
header  .main-nav li a,
header .contact a{
	display: block;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid transparent;
  	transition: all .4s ease-in-out;
}
header  .main-nav li.active,
header  .main-nav li a:active,
header  .main-nav li a:hover,
header  .main-nav li a:focus,
header .contact a:active,
header .contact a:hover,
header .contact a:focus{
	color: #6e6e00;
	border-bottom-color: #6e6e00;
}

@media (min-width: 440px){
  header .main-nav li{
	flex-basis: auto;
  }
	
}

@media (min-width:736px){
	header .biz-navbar{
		flex-direction: row;
		align-items: center;
	}
    header .biz-navbar .brand a{
        text-align: left;
    }
	header .biz-navbar .contact{
		flex-direction: column;
    }
    header .biz-navbar .brand img{
        width: 20vw;
    }
    header  .main-nav{
		flex-basis: 20%;
    }
    header .main-nav li{
      flex-basis: 50%;
    }
}
@media (min-width:992px){
    header  .main-nav{
		flex-basis: 15%;
    }
}
@media (min-width:1200px){
    header .biz-navbar .brand img{
        width: 15vw;
    }
  header  .brand{
      margin-top: 1em;
      margin-bottom: 1em;
  }
  header .biz-navbar .contact{
    flex-basis: auto;
    flex-direction: row;
  }
  header  .main-nav{
	justify-content: flex-end;
	flex-basis: auto;
  }
  header .main-nav li{
	flex-basis: auto;
  }
}
@media (min-width:1600px){
    header .biz-navbar .brand img{
        width: 10vw;
    }
}

header .hero{
	height: 45vh;
	background-image: url(/docLib/8/uploads/published/4349/apple-product-mockup.jpg/apple-product-mockup.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	margin-top: 184px;
}
@media (min-width: 768px){
	header .hero{
		height: 60vh;
		margin-top: 92px;
	}
}
@media (min-width: 1200px){
	header .hero{
		margin-top: 115px;
	}
}
@media (min-width: 1600px){
	header .hero{
		margin-top: 109px;
	}
}

@media (max-aspect-ratio: 1/1) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4332/Banner_default_s_756.jpg/Banner_default_s_756.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 421px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4353/Banner_default_s_1024.jpg/Banner_default_s_1024.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 801px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4351/Banner_default_s_1440.jpg/Banner_default_s_1440.jpg); }
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 1025px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4333/apple-product-mockup-square.jpg/apple-product-mockup-square.jpg); }
  
}
@media (min-aspect-ratio: 1/1) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4337/Banner_default_l_736.jpg/Banner_default_l_736.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 741px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4347/Banner_default_l_1024.jpg/Banner_default_l_1024.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1025px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4335/Banner_default_l_1366.jpg/Banner_default_l_1366.jpg); }
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1367px) {
  
    #default header .hero{ background-image: url(/docLib/8/uploads/published/4349/apple-product-mockup.jpg/apple-product-mockup.jpg); }
  
}

section,
.grid-row,
.grid-col{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
section.headline,
.grid-col{
	width: 100%;
	align-items: center;
}
section.headline,
.grid-col {
	padding: 6em 1em;
}
section.headline > *,
.grid-col > *{
	max-width: 100%;
}

section:first-child{
	padding-top: 0;
}
section.headline {
	background-image: url(/docLib/8/uploads/published/4341/dot_grey_1_20.png/dot_grey_1_20.png);
	background-position: 0 0;
	background-repeat: repeat;
}
section.grid-row {
	background-image: url(/docLib/8/uploads/published/4341/dot_grey_1_20.png/dot_grey_1_20.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
}
section.grid-row .grid-col.quote{
	color: #fff;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
}
section.grid-row .grid-col.background{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
section.grid-row .grid-col.quote.easy{
	background-image: url(/docLib/8/uploads/published/4344/screenShotFox.jpg/screenShotFox.jpg);
	background-position: 30% 50%;
}
section.grid-row .grid-col.quote.quick{
	background-image: url(/docLib/8/uploads/published/4348/screenShotBeechwood.jpg/screenShotBeechwood.jpg);
}
section.grid-row .grid-col.quote.fresh{
	background-image: url(/docLib/8/uploads/published/4325/Screenshot_crown_l_1488.jpg/Screenshot_crown_l_1488.jpg);
	background-position: 50% 50%;
}
section.grid-row .grid-col.background.social{
	background-image: url(/docLib/8/uploads/published/4331/oldOxComposite.jpg/oldOxComposite.jpg);
	background-position: 0% 0%;
	min-height: 50vh;
}
section.grid-row .grid-col.background.mobile{
	background-image: url(/docLib/8/uploads/published/4340/screenshotCompositeFanda.jpg/screenshotCompositeFanda.jpg);
	background-position: 0% 0%;
	min-height: 50vh;
}
section.grid-row .grid-col.background.print{
	background-image: url(/docLib/8/uploads/published/4345/yewTreeWeddingMontage.jpg/yewTreeWeddingMontage.jpg);
	background-position: 0% 0%;
	min-height: 50vh;
}
@media(min-width: 768px){
	.grid-row{
		flex-direction: row; 
	}
	section.headline > *{
		max-width: 28em;
	}
	.grid-col > *{
		max-width: 15em;
	}
/*    section.headline {
        padding-left: 4em;
        padding-right: 4em;
    }
*/
}
@media(min-width: 992px){
/*	section.headline > *{
		width: 60%;
	}
  section.headline{
      padding-left: 6em;
	  padding-right: 6em;
  }
  .grid-col {
      padding-left: 3em;
	  padding-right: 3em;
  }
*/
  section.grid-row .grid-col.background.social{
      background-image: url(/docLib/8/uploads/published/4350/oldOxComposite_l_1487.jpg/oldOxComposite_l_1487.jpg);
      background-position: 0% 0%;
  }
  section.grid-row .grid-col.background.mobile{
      background-image: url(/docLib/8/uploads/published/4324/screenshotCompositeFanda_l_1487.jpg/screenshotCompositeFanda_l_1487.jpg);
      background-position: 0% 0%;
      min-height: 50vh;
  }
}
@media(min-width: 1200px){
/*	section.headline > *{
		width: 50%;
	}
  section.headline {
      padding-left: 12em;
	  padding-right: 12em;
  }
  .grid-col {
      padding-left: 6em;
	  padding-right: 6em;
  }
*/
}
@media(min-width: 1600px){
/*
	section.headline > *{
		width: 33%;
	}
*/
  section.grid-row .grid-col.quote.fresh{
      background-size: 100%;
	  background-position: 50% 0%;
  }
  section.grid-row .grid-col.background.print{
      background-image: url(/docLib/8/uploads/published/4354/yewTreeWeddingMontage_l_1488.jpg/yewTreeWeddingMontage_l_1488.jpg);
      background-position: 0% 0%;
  }
}
main h1, main h2{
	font-family: 'Oregon LDO', serif;
	text-align: center;
}
main h1{
	font-size: 190%;
}
main h2{
	font-size: 150%;
}

main h3{
	font-size: 150%;
	font-weight: 300;
	text-align: center;
	color: #6e6e00;
}
main p{
	font-weight: 300;
}
blockquote {
	border-left: 0 none;
	font-size: 130%;
	text-shadow: 0 0 5px #000;
	font-weight: 300;
	font-style: italic;
	padding: 0;
	margin: 0;
}
blockquote p{
	font-style: normal;
	font-size: 75%;
}
main a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid transparent;
  	transition: all .4s ease-in-out;
}
main a:active,
main a:hover,
main a:focus{
	color: #6e6e00;
	text-decoration: none;
	border-bottom-color: #6e6e00;
}

@media(min-width: 768px){
  main h1{
      font-size: 400%;
  }
  main h2{
      font-size: 300%;
  }

  main h3{
      font-size: 200%;
  }
}
@media(min-width: 992px){
  main h1{
      font-size: 400%;
  }
  main h2{
      font-size: 300%;
  }

  main h3{
      font-size: 200%;
  }

}
@media(min-width: 1200px){
  main h1{
      font-size: 400%;
  }
  main h2{
      font-size: 300%;
  }

  main h3{
      font-size: 200%;
  }

}
@media(min-width: 1600px){
  main h1{
      font-size: 400%;
  }
  main h2{
      font-size: 300%;
  }

  main h3{
      font-size: 200%;
  }

}

footer{
	background-image: url(/docLib/8/uploads/published/4341/dot_grey_1_20.png/dot_grey_1_20.png);
	background-position: 0 0;
	background-repeat: repeat;
	font-weight: 300;
	margin-top: 3em;
	text-align: center;
}
footer a{
	color: #000;
	font-weight: bold;
  	text-decoration: none;
  	border-bottom: 1px solid transparent;
  	transition: border .2s ease-in-out;
}
footer a[href^="mailto"]{
	font-variant : none;
}

footer a.active,
footer a:active,
footer a:hover,
footer a:focus{
	color: #000;
  	border-bottom: 1px solid #000;
  	text-decoration: none;
}
footer .rubrik {
    margin: 2em auto 3em;
}

footer .rubrik p {
    font-size: 80%;
    margin: 0.25em auto;
    text-align: center;
  	width: 80%;
}

footer .list-group-item{
	color: #000;
	background-color: transparent;
	border: 0 none;
}
footer h1, footer h2, footer h3, footer h4, footer a{
	color: #000;
}
footer .brand h2{
	background-image: url(/docLib/8/uploads/published/4334/logoHorizontal.png/logoHorizontal.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	text-indent: -20000px;
	font-size: 200%;
}
footer h3{
	font-family: 'Oregon LDO', serif;
	font-size: 150%;
	margin-top: 1em;
	margin-bottom: 0;
}
@media(min-width: 768px){
	footer{
		text-align: left;
	}
    footer .brand h2{
        background-position: 00% 50%;
    }
}
#remoteModal{
	font-weight: 300;
}
#remoteModal .modal-title{
	background-image: url(/docLib/8/uploads/published/4334/logoHorizontal.png/logoHorizontal.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: contain;
	text-indent: -20000px;	
	color: transparent
}
#remoteModal .rubrik{
	font-style: italic;
}
#remoteModal a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid transparent;
  	transition: all .4s ease-in-out;
}
#remoteModal a:active,
#remoteModal a:hover,
#remoteModal a:focus{
	color: #6e6e00;
	text-decoration: none;
	border-bottom-color: #6e6e00;
}
#remoteModal h3{
	font-family: 'Oregon LDO', serif;
	font-size: 200%;
}
