@font-face{font-family:'Allura';src:url('../fonts/allura-regular-webfont.eot');src:url('../fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/allura-regular-webfont.woff2') format('woff2'),
url('../fonts/allura-regular-webfont.woff') format('woff'),
url('../fonts/allura-regular-webfont.ttf') format('truetype'),
url('../fonts/allura-regular-webfont.svg#alluraregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Open Sans Regular';src:url('../fonts/opensans-regular.eot');src:url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular.woff2') format('woff2'),
url('../fonts/opensans-regular.woff') format('woff'),
url('../fonts/opensans-regular.ttf') format('truetype'),
url('../fonts/opensans-regular.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Open Sans Bold';src:url('../fonts/opensans-bold-webfont.eot');src:url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
url('../fonts/opensans-bold-webfont.woff') format('woff'),
url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');font-weight:normal;font-style:normal;}
{margin:0px auto;padding:0px;}
::-moz-selection{color:#fff;background:#a02c2c;}
::selection{color:#fff;background:#a02c2c;}
html, body{background:#cbbbae;background-image:url('../images/bg.png');margin:0px;padding:0px;color:#100000;font-family:'Open Sans Regular';font-size:1em;font-weight:normal;font-style:normal;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
h1, h2, h3, h4, h5, h6{font-family:'Allura';padding:0px;margin:0px;padding-bottom:3px;line-height:1em;font-weight:normal;}
h1{font-size:4em;}
h2{font-size:3.4em;}
h3{font-size:2.8em;}
h4{font-size:2.2em;}
h5{font-size:1.8em;}
h6{font-size:1.4em;}
hr{border:0px;border-top:1px solid #a58674;border-bottom:1px solid #ccb5a8;margin:15px 0px;}
h1 small{font-size:0.7em;color:#a68775;}
a{color:#a02c2c;text-decoration:none;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-khtml-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
a:hover{color:#541717;}
.content a{color:#a02c2c;text-decoration:none;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-khtml-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;padding-bottom:1px;border-bottom:.08em solid #a02c2c;}
.content a:hover{color:#6c1e1e;border-bottom:.08em solid #6c1e1e;}
#outer{height:100%;width:100%;}
.clear{clear:both;font-size:0px;line-height:0px;}
header{position:relative;width:100%;height:520px;margin:0 auto;background-image:url('../images/bg_header_bokeh.png');background-repeat:repeat-x;}
#dogs{position:absolute;top:0;width:100%;height:520px;background-image:url('../images/bg_header_dogs.png');background-repeat:no-repeat;background-position:center top;z-index:14;}
#header-logo{position:absolute;top:135px;left:48%;width:400px;/*height:207px;*/margin:0 auto;z-index:20;text-align:center;}
#header-lang{position:absolute;top:435px;left:20%;width:60%;margin:0 auto;padding-left:15px;text-align:left;z-index:30;}
#header-lang a img{opacity:0.4;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
#header-lang a:hover img{opacity:1;}
#header-logos{position:absolute;top:20px;left:20px;margin:0 auto;text-align:left;z-index:35;}
#header-logos a img{opacity:0.15;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear;}
#header-logos a:hover img{opacity:0.5;}
#homepage-space{height:5vh;border-top:2px solid #a02c2c;background:#a68775;}
#homepage-lang{text-align:center;}
#homepage-lang table{margin:0 auto;border:none;}
#homepage-lang table td{border:none;padding:0 1em;}
nav{position:fixed;top:0;width:100%;height:150px;background-image:url('../images/bg_header_gradient.png');background-repeat:repeat-x;z-index:55;border-top:2px solid #a02c2c;text-align:center;font-family:'Open Sans Regular';font-size:1.2em;font-weight:normal;font-style:normal;color:#100000;}
#menu{width:60%;margin:0 auto;}
main{width:60%;margin:0 auto;}
main .content{padding:0px;font-family:'Open Sans Regular';font-size:0.9em;line-height:1.5em;}
.content img{max-width:100%;margin:0.5em;}
.content a img{border:0;border:1px solid #a58674;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;transition:all 0.5s linear;}
.content a:hover img{border:1px solid #a02c2c;}
.content .noBorder{border:none !important;}
.news-date{float:left;width:90px;font-family:'Open Sans Regular';font-size:1em;padding:0px;margin:0px 10px 0px 0px;line-height:1em;color:#a02c2c;}
.news-date-day{font-family:'Open Sans Bold';font-size:3.4em;line-height:1em;font-weight:bold;text-align:center;}
.news-date-month{text-align:center;}
.news-title{float:left;color:#100000;font-size:1.5em;line-height:2.6em;padding:0px;}
.news-content{color:#100000;}
footer{width:100%;height:auto;margin:0 auto;background-image:url('../images/bg_footer.png');font-family:'Open Sans Regular';font-size:0.7em;font-weight:normal;font-style:normal;border-top:2px solid #a68775;}
#footer-info{position:relative;width:60%;height:35px;margin:0 auto;font-size:1em;}
#footer-info-border{position:absolute;top:0;left:-1px;width:100%;height:71px;margin:0 auto;border-left:1px solid #b0d0f7;border-right:1px solid #b0d0f7;}
#logo-footer{width:100%;height:136px;margin:0 auto;text-align:center;background-image:url('../images/logo_footer.png');background-repeat:no-repeat;background-position:center;}
#footer-info-text{width:100%;margin:0 auto;padding-top:0.8em;color:#a68775;}
#footer-info-copyright{float:left;width:-webkit-calc(50% - 1em);width:-moz-calc(50% - 1em);width:calc(50% - 1em);height:100%;}
#footer-info-design{float:right;width:-webkit-calc(50% - 1em);width:-moz-calc(50% - 1em);width:calc(50% - 1em);height:100%;text-align:right;}
@media screen and (max-width:400px){header{height:200px;background-size:auto 200px;}
#header-logo{left:-webkit-calc(50% - 130px);left:-moz-calc(50% - 130px);left:calc(50% - 130px);background-size:200px auto;width:200px;}
#header-logo img{position:absolute;top:-100px;width:210px;}
#dogs{position:absolute;top:0;width:100%;height:200px;background-image:url('../images/bg_header_dogs.png');background-repeat:no-repeat;background-position:center bottom;background-size:120vw auto;}
#header-lang{position:absolute;top:150px;left:0;width:78%;margin:0 auto;text-align:right;z-index:30;}
#header-lang img{width:30px;}
#header-logos{top:0px;left:-webkit-calc(50% - 0px);left:-moz-calc(50% - 0px);left:calc(50% - 0px);}
#header-logos img{width:30px;}
#menu{width:100%;}
main{width:95%;}
#footer-info{width:95%;font-size:0.7em;}
/*.litterMother, .litterFather{display:none;}
.litterDescription{width:100% !important;}*/  
.litterMother, .litterFather{float:right;width:100% !important;}
.litterDescription{width:100% !important;}
.dog .dog-photo, .dog .dog-details{width:100% !important;}
.dog-photo img{width:200px;height:200px;}
.dog .dog-details{float:left;}
}
@media screen and (min-width:400px) and (max-width:600px){header{height:300px;background-size:auto 300px;}
#header-logo{background-size:280px auto;width:280px;top:85px;left:44%;}
#header-logo img{width:240px;}
#dogs{position:absolute;top:0;width:100%;height:300px;background-image:url('../images/bg_header_dogs.png');background-repeat:no-repeat;background-position:center top;background-size:auto 300px;}
#header-lang{position:absolute;top:250px;left:0;width:100%;margin:0 auto;text-align:left;z-index:30;}
#header-lang a img{width:30px;opacity:0.6;}
#header-logos img{height:27px;width:auto;}
#menu{width:100%;}
main{width:95%;}
#footer-info{width:95%;font-size:0.7em;}
/*.litterMother, .litterFather{display:none;}
.litterDescription{width:100% !important;}*/   
.litterMother, .litterFather{float:right;width:100% !important;}
.litterDescription{width:100% !important;}
.dog .dog-photo, .dog .dog-details{width:100% !important;}
.dog .dog-details{float:left;}
}
@media screen and (min-width:600px) and (max-width:1000px){header{height:400px;background-size:auto 400px;}
#header-logo{background-size:400px auto;width:320px;top:100px;left:44%;}
#header-logo img{width:320px;}
#dogs{position:absolute;top:0;width:100%;height:400px;background-image:url('../images/bg_header_dogs.png');background-repeat:no-repeat;background-position:center top;background-size:auto 400px;}
#header-lang{position:absolute;top:330px;left:0;width:100%;margin:0 auto;text-align:left;z-index:30;}
#header-lang a img{width:30px;opacity:0.6;}
#header-logos img{height:40px;width:auto;}
#menu{width:90%;}
main{width:90%;}
#footer-info{width:90%;font-size:0.7em;}
.litterMother, .litterFather{float:right;width:50% !important;}
.litterDescription{width:100% !important;float:left;}
.dog .dog-photo, .dog .dog-details{width:100% !important;}
.dog .dog-details{float:left;}
}
@media screen and (min-width:1000px) and (max-width:1400px){#header-lang{left:15%;}
#menu{width:65%;}
main{width:65%;}
#footer-info{width:65%;font-size:0.8em;}
}
@media screen and (min-width:1400px){}
.litter{margin:0 auto;text-align:center;width:100%;font-family:'Open Sans Regular';}
.litter h2, .litter h3, .litter h4, .litter h5, .litter h6{position:relative;font-family:'Open Sans Bold';color:#a02c2c;z-index:2;}
.litter h1{position:relative;line-height:0.2em;font-size:5em;color:#a68775;opacity:0.5;z-index:1;}
.litter h2{font-size:2em;}
.litter h3{font-size:1.8em;}
.litter h4{font-size:1.6em;}
.litter h5{font-size:1.4em;}
.litter h6{font-size:1.2em;}
.litter img{width:160px;height:160px;}
.litter small{font-size:0.6em;}
.litterMother{font-size:0.9em;text-align:center;float:right;width:25%;}
.litterDescription{float:left;text-align:center;font-family:'Open Sans Regular';width:50%;}
.litterFather{font-size:0.9em;text-align:center;float:left;width:25%;}
.litterMother img, .litterFather img{padding:1em;background:rgba(255,255,255,0.1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.litter ul, .litter ul li{display:block;list-style:none;margin:0;padding:0;}
.litter ul li{display:inline;white-space:nowrap;font-size:0.9em;padding:0px 2px;}
table.pedigree{width:100%;border:none;border-collapse:collapse;font-family:'Open Sans Regular';font-size:0.8em;font-style:normal;font-weight:normal;}
table.pedigree tr, td{text-align:center;border-top:1px solid #ccb5a8;border-bottom:1px solid #ccb5a8;padding:1em;}
.pedigree h2, .pedigree h3, .pedigree h4, .pedigree h5, .pedigree h6{position:relative;font-family:'Open Sans Bold';color:#a02c2c;z-index:2;}
.pedigree h1{position:relative;line-height:0.2em;font-size:5em;color:#a68775;opacity:0.5;z-index:1;}
.pedigree h2{font-size:1.4em;}
.pedigree h3{font-size:1.3em;}
.pedigree h4{font-size:1.2em;}
.pedigree h5{font-size:1.1em;}
.pedigree h6{font-size:1.0em;}
.dog{width:100%;border:none;border-collapse:collapse;font-family:'Open Sans Regular';font-size:1em;font-style:normal;font-weight:normal;}
.dog h2, .dog h3, .dog h4, .dog h5, .dog h6{position:relative;font-family:'Open Sans Bold';color:#a02c2c;z-index:2;}
.dog h1{position:relative;line-height:0.2em;font-size:5em;color:#a68775;opacity:0.5;z-index:1;}
.dog h2{font-size:2em;}
.dog h3{font-size:1.8em;}
.dog h4{font-size:1.6em;}
.dog h5{font-size:1.4em;}
.dog h6{font-size:1.2em;}
.dog .dog-photo{position:relative;float:right;width:400px;text-align:center;}
.dog-photo img{height:320px;width:320px;padding:1em;background:rgba(255,255,255,0.1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;z-index:2;}
.dog .dog-details{float:left;width:-webkit-calc(100% - 400px);width:-moz-calc(100% - 400px);width:calc(100% - 400px);text-align:center;padding-top:2em;}
.backlink a{border:0px;font-size:0.75em;padding:0.3em 0.7em;background:#e2d9d2;color:#100000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-khtml-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;opacity:0.6;}
.backlink a:hover{border:0px;color:#e2d9d2;background:#a68775;}
.contentPanel{margin:0 auto;background-image:url('../images/bg_content.png');padding:10px;font-family:'Open Sans Regular';font-size:0.9em;line-height:1.75em;}


.galleryBox {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}  
.galleryBoxCover {
  text-align: center;
}            
.galleryBoxCover img{height: 200px;width: 200px;padding:1em; margin: 0; background:rgba(255,255,255,0.1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;z-index:2;}

@media (min-width: 600px) {
  .galleryBox {
    grid-template-columns: repeat(2, 1fr);
  }                        
  .galleryBoxCover img{height: 260px;width: 260px;}
}

@media (min-width: 1000px) {
  .galleryBox {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .galleryBoxCover img{height: 320px;width: 320px;}
}

.galleryBoxTitle {
  font-family: 'Open Sans Bold';
  color: #a02c2c;
  font-size: 1.6em; 
  text-align: center;   
  padding-top: 0.5em; 
  padding-bottom: 1.5em;
}
.galleryBox a,
.galleryBox a:hover {
  text-decoration: none;
  border-bottom: none;
}

.galleryBoxPhoto {
  display: inline-block;
}