/* typo */
html {
   font-family: 'open-sans',sans-serif;
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
	padding:0;
}

body {
  font-size: calc(12px + 6 * ( (100vw - 420px) / 860));
      margin: 0 auto;
  overflow-x: hidden;

    background: #fff;  /* fallback for old browsers */

}

@media screen and (min-width: 1280px) {
   body { font-size: 18px;
   }
}

@media screen and (max-width: 420px) {
   body { font-size: 12px;
   }
}

b,strong  { 
	font-family: "open-sans",sans-serif;
	font-weight: 700;
}
p {
 line-height: 24px;
 line-height: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
ul,
ol {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
ul li,
ol li {
  line-height: 24px;
  line-height: 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
blockquote {
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Change heading typefaces here */
font-family: "open-sans",sans-serif;
	font-weight: 100;	
  margin-top: 24px;	
  margin-top: 1.5rem;
  margin-bottom:0rem;
  line-height: 24px;
  line-height: 1.5rem;
	color:#222
}
h1 {
  font-size: 2.4rem;
  line-height: 72px;
  line-height: 4.5rem;
  margin-top: 48px;
  margin-top: 3rem;
    color:#dabe52;
}
h2 {
  font-size: 20px;
  font-size: 1.3rem;
  line-height: 32px;
  line-height: 2rem;
  margin-top: 20px;
	margin-bottom:0px;
	padding-bottom: 0px;
}
h3 {
  font-size: 22px;
  font-size: 1.414rem;
}
h4 {
  font-size: 11px;
  font-size: 0.707rem;
}
h5 {
  font-size: 7px;
  font-size: 0.4713333333333333rem;
}
h6 {
  font-size: 5px;
  font-size: 0.3535rem;
}
/* Tables */
table {
  margin-top: 24px;
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse;
}
table td,
table th {
  padding: 0;
  line-height: 33px;
}

a {
  color: #dabe52;
}
a:visited {
  color: #644524;
}

/* icons */



/* grid */

section.full { *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; background-image: url(../../img/fg-backg-dva.gif);  background-position:center left; background-repeat: no-repeat;  padding-bottom: 40px;  }
section.grid-one  { min-height: 70vh;  background-image: url(../../img/fg-backg-dva.gif); background-position:  bottom right; background-repeat: no-repeat; display: flex; background-size: contain}

section.full:before { content: ''; display: table;
}

section.full:after { content: ''; display: table; clear: both;
}

section.grid-three > div, section.grid-one > div { width:100%; max-width: 760px; margin:auto; text-align: center; color:#989898;  }
section.grid-two { background-image: none} 

.logo { max-width:270px; margin-top:60px  }
.logo .gold { fill:#dabe52;}

.col-1-2 { width: calc(99.99% * 1/2 - 10px);}

.col-1-2:nth-child(n) { float: left; margin-right: 20px; clear: none;
}

.col-1-2:last-child { margin-right: 0;
}

.col-1-2:nth-child(2n) { margin-right: 0;
}

.col-1-2:nth-child(2n + 1) { clear: left;
}
.col-1-1 { width: 99.99%; margin-top: 40px}
.col-1-1:nth-child(n) { float: left; margin-right: 20px; clear: none;
}
.col-1-1:last-child { margin-right: 0;
}
.col-1-1:nth-child(1n) { margin-right: 0;
}
.col-1-1:nth-child(1n + 1) { clear: left;
}

section div p {font-size: 14px;font-size: .9rem; max-width: 760px;}
section div p span { color:#dabe52; font-size: 16px; font-size: 1rem}
section div a svg{ width:80px; margin-top:20px }
section div p.gold { color:#dabe52;}
section div p.gold span { color:#fff; font-size: inherit}
.ico svg { width:30px; margin-top:-2px; margin-left:-40px; position: absolute }
.links, .links a { color:#dabe52; position: relative;margin-top:10px;   }
.links span { padding-left:30px }

.col-1-2 p { margin-top:0px; }


/* REFERENCE */
section.reference { background-color: #dabe52; padding-top: 2rem; padding-bottom: 2rem; }
section.full.grid-two { padding: 0; text-align: center }

/* Dig. divider */
.diag-top,  .diag-bottom { border-top:2px solid #dabe52; width: 100vw;}
.diag-top {
      transform: skewY(-4deg);
}
.diag-bottom {
  transform: skewY(4deg);
}


/* gallery */
.gallery h2 { margin-bottom: 2rem}

.gallery { margin:auto; max-width: 80rem; padding:4rem 0 6rem; text-align: center }

.reference { font-size: 0; padding:32px 0px; text-align: center; margin: auto}    
.reference figure { width: calc(16.66% - 6px); display: inline-block;  margin-right: 6px; margin-bottom:6px overflow: hidden;}

.reference figure:nth-of-type(5n) {
    margin-right: 0;
  }

.reference figure img {    height: 100%; right:0;
    position: absolute; filter: saturate(40%);opacity: 1; transition: all .3s linear;text-align: center;margin: auto;}
.reference figure:hover img { filter: saturate(100%); opacity:1; transition: all .3s linear;  transform: scale(1.15);}

.reference figure a{
  position: relative;
  display: block;
  padding-bottom: 85%;
  width: 85%;
  height: 0;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
  margin-bottom: 14%;
}

.reference figure a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,255,255, 0.5);
  transition: all .3s linear;
}

.reference figure a:before { background: rgba(218,190,89, 1); }

@media screen and (max-width: 720px) {
    
    
.reference figure { width: calc(25% - 6px);  margin-right: 8px; }
.reference figure:nth-of-type(2n) {
    margin-right: 0;
  }   
    
}

@media screen and (max-width: 480px) {
.reference { padding: 0 }
.reference figure { width: calc(50% - 6px);  margin-right: 8px; } 
    
}