html{
scroll-behavior: smooth;
}
@font-face{
  font-family:LibreRegular;
  src:url(libre-baskerville.regular.ttf);
}
@font-face{
  font-family:LibreBold;
  src:url(libre-baskerville.bold.ttf);
}
@font-face{
  font-family:LibreItalic;
  src:url(libre-baskerville.italic.ttf);
}
body{
  overflow-x: hidden;
  margin:0%;
  padding:0%;
  font-family:LibreRegular;
        -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}
.naglowek{
  margin:0.5% 0%;
  font-family:LibreRegular;
  font-size:16px;
  text-align:center;
}
.tekst-italic{
  margin:0.5% 0%;
  font-family:LibreItalic;
  font-size:15px;
  text-align: center;
}
.tekst{
  margin:0.5% 0%;
  font-family:LibreRegular;
  font-size:15px;
}
.tekst-wciecie{
  margin:0.5% 0%;
  font-family:LibreRegular;
  font-size:15px;  
  width:90%;
  margin-left:10%;
}

:root{
  --color:red;
  --imgHeight:970px;
  --galeriaHeight:970px;
  --modelImgHeight:500px;
  --cooktops:340px;
  --historia:1000px;
  --configImg:535px;
  --switchMargin:5%;
  --switchWidth:95%;
  --topFixed:;
  --shopHeight:150px;
}
@keyframes fadein {
    from { opacity: .8; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {`
    from { opacity: .8; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: .8; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: .8; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: .8; }
    to   { opacity: 1; }
}
img {
    pointer-events: none;
}
#top-bar{
  position: fixed;
  background-color: rgba(255,255,255,0.5);
  width:100%;
  float:left;
  box-shadow:0px 1px 3px #999999;
  z-index:15;
  font-size:12px;
  transition: .2s ease;
}
#top-bar:hover{
  transition: .3s ease;
  background-color: rgba(255,255,255,1);
}
#galeria{
  z-index:1;
  width:100%;
  float:left;
  height:var(--galeriaHeight);
}
.galeria_collection{
  z-index:1;
  width:100%;
  float:left;
  height:var(--galeriaHeight);
}
#logo{
  background-image: url('marchi-logo.png');
  width:20%;
  float:left;
  padding:1.5% 0%;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 75%;
}
#ff-bar{
  cursor:pointer;
  background-size: 25%;
  float:right;
  display:none;
  width:20%;
  height:var(--topFixed);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('menu.png');
}
#mobile-menu{
  display:none;
  width:100%;
  float:left;
  height:100vh;
}
#nav-links-right,
#nav-links-left{
  width:40%;
  float:left;
}

.kuchnie_styl{
  width:25%;
  float:left;
  cursor:pointer;
  text-decoration:none;
}
.menubtn{
  width:33%;
  float:left;
  cursor:pointer;
  text-decoration:none;
}
.menu-link{
  text-decoration: none;
  color:#252525;
  text-align: center;
  width:100%;
  float:left;
  padding:8% 0%;
  cursor:pointer;
  transition: .3s ease;
}
.dropdown-menu{
  background-color:#fff;
  margin-top:2.5%;
    width:12.5%;
    display:none;
    position:absolute;
    -webkit-animation: fadein 0.6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.6s; /* Firefox < 16 */
        -ms-animation: fadein 0.6s; /* Internet Explorer */
         -o-animation: fadein 0.6s; /* Opera < 12.1 */
            animation: fadein 0.6s;
}
.droplist{
  text-align: center;
  padding:5% 2%;
}
.droplist a{
  text-decoration: none;
  color:black;
}
.droplist:hover{
  transform:scale(1.1);
  transition: .3s ease;
}
.kuchnie_styl:hover >.dropdown-menu{
  display:block;
}






.menu-link:hover{
  transform:scale(1.3);
  transition: .3s ease;
}
#galeria-tekst{
  margin-top:10%;
  margin-left:2%;
  width:18%;
  float:left;
}

#footer{
  background-color:#252525;
  width:100%;
  float:left;
  box-shadow:1px 0px 4px #252525;
}
#footer-container{
  text-align: center;
  width:100%;
  float:left;
}
.footer-info{
  padding:1%;
  color:white;
  width:31%;
  float:left;
}
.footer-info-raw{
  width:100%;
  padding:1.5% 0%;
  float:left;
  text-decoration: none;
  color:white;
}

#social-media{
  width:100%;
  float:left;
}
.footer-line{
  margin:1% 15% 3% 15%;
  background-color:white;
  height:1px;
  width:70%;
  float:left
}
.social-icons{
  cursor:pointer;
  width:8%;
  float:left;
  height:60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  transition: 0.3s ease;
}
.social-icons:hover{
  transition: 0.3s ease;
  transform:scale(1.1);
}
.social-container{
  padding:1% 0%;
  width:50%;
  float:left;
}
#section-historia{
  margin-top:var(--topFixed);
  width:100%;
  float:left;
}
#fb{
  float:right;
}
.shop-icon{
  cursor:pointer;
  width:25%;
  margin-left:23%;
  height:var(--shopHeight);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  transition: 0.3s ease;
  border-radius:5px;
}
.shop-icon:nth-child(4){
  margin-left:0%;
  margin-right:23%;
}
.shop-icon:hover{
  transition: 0.3s ease;
  transform:scale(1.1);
}
#historia-img{
  width:50%;
  float:left;
  height:var(--historia);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 0%;
  background-image: url('2.jpg');
}
#historia-tekst{
  width:40%;
  float:right;
  padding:10% 5% 0% 5%;
  text-align: center;
}
.gradient-gallery-overlay{
  position: relative;
  z-index:15;
  width:100%;
  float:left;
  height:var(--galeriaHeight);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image:linear-gradient(rgba(0,0,0,0) 0% 98%,white 99% 100%);
}
.gallery-img{
  z-index: 5;
  position:absolute;
  width:100%;
  float:left;
  height:var(--imgHeight);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.marchi_collection{
  width:100%;
  float:left;
  margin-top:5%;
}
.collection_images{
  width:100%;
  float:left;
}

.row {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 2px;
}

.column {
  -ms-flex: 15%;
  flex: 15%;
  padding: 0 2px;
  cursor:pointer;
}
.column img{
  border-radius:5px;
  margin-top: 2px;
  vertical-align: middle;
  box-shadow:0px 0px 5px #999999;
}

.marchi_img{
  cursor:pointer;
}
.marchi_img:hover{
  scale:1.02;
  transition: .3s ease;
}



.title-hr-top{
  background-color:#252525;
  height:1px;
  margin-left:40%;
  margin-right:40%;
  width:20%;
  float:left
}
.collection_title{
  padding:0.5% 0%;
  font-size:150.5%;
  text-align: center;
  width:100%;
  float:left;  
  box-shadow:0px 0px 5px #999999;
}
.collection_text{
  padding:0.5% 0%;
  font-size:75%;
  text-align: center;
  width:70%;
  margin:0% 15%;
  float:left;  
}
.title-mini{
  font-size:17px;
}
.title-hr-bottom{
  background-color:#252525;
  height:1px;
  margin-left:35%;
  margin-right:35%;
  width:30%;
  float:left
}
.lacornue-model-img{
  transition:.3s ease;
  width:100%;
  float:left;
  height:var(--modelImgHeight);
  background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
}

.lacornue-model-img:hover{
  transition:0.3s ease;
  transform: scale(1.01);
}
.prezentacja{
  width:100%;
  float:left;
  margin:1% 0% 0% 0%;
}
.prezentacja-column{
  margin:0% 1%;
  width:48%;
  float:left;
}
.model-config{
  transition: .3s ease;
  font-size:15px;
  text-align: center;
  border-radius:3px;
  color:white;
  float:left;
  margin-bottom:5%;
  margin-left:25%;
  padding:1% 0%;
  width:50%;
  cursor: pointer;
  background-color:#252525;
  box-shadow:0px 0px 4px #999999;
}
.model-config:hover{
  transform:scale(1.3);
  transition: .3s ease;
  color:#252525;
  background-color:#ffffff;
}
.config-info{
  padding-bottom:3%;
  width:100%;
  float:left;
}
.config-text{
  padding:5% 0%;
  width:30%;
  float:left;
}
.config-info-container-supreme,
.config-info-container-180,
.config-info-container-165,
.config-info-container-150,
.config-info-container-120,
.config-info-container-90,
.config-info-container-75,
.config-info-container-cornufe-110,
.config-info-container-cornufe-90{
      -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
  width:70%;
  float:left;
}
.config-info-container-cornufe-110 .cooktops-config-img,
.config-info-container-cornufe-90 .cooktops-config-img{
 width:50%;
}
.konfiguracje-blatu{
  width:100%;
  font-size:15px;
  padding:0.2% 0%;
  float:left;
  text-align: center;
}
.cooktops-config-img{
  width:70%;
  float:left;
  height:var(--cooktops);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}
.prev-config{
  transition:0.3s ease;
  cursor:pointer;
  width:15%;
  float:left;
  height:var(--cooktops);
  background-image:url('arrow.png');
  transform:rotate(-180deg);
  background-position:center;
  background-repeat: no-repeat;
  background-size: 15%;
}
.next-config{
  transition:0.3s ease;
  cursor:pointer;
  width:15%;
  float:left;
  height:var(--cooktops);
  background-image:url('arrow.png');
  background-position:center;
  background-repeat: no-repeat;
  background-size: 15%;
}
.prev-config:hover,
.next-config:hover{
  transition:0.3s ease;
  background-size: 25%;
}
#chateau-supreme{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau-supreme/chateau-supreme.jpg');
}
#chateau-supreme-hood{
  background-size: 80%;
  background-position: center;
  background-image: url('chateau-supreme/chateau-supreme-hood.jpg');
}
#chateau-180{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau180/180.jpg');
}
#chateau-165{
  background-size: 90%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau165/165.jpg');
}
#chateau-150{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau150/150.jpg');
}
#chateau-120{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau120/120.jpg');
}
#chateau-90{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau90/90.jpg');
}
#chateau-75{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/chateau75/75.jpg');
}
#chateau-blat{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/TH5_Table_Chateau150_Black.jpg');
}
#chateau-okap{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/img_chateau_hood_1.jpg');
}
#chateau-rozen{
  background-size: 100%;
  background-position: center;
  background-image: url('chateau/zdjecia/img_chateau_rotisserie.jpg');
}
#cornufe-110{
  background-size: 100%;
  background-position: center;
  background-image: url('cornufe/110/110.jpg');
}
#cornufe-90{
  background-size: 100%;
  background-position: center;
  background-image: url('cornufe/albertine/90.jpg');
}
#cornufe-110-okap{
  background-size: 100%;
  background-position: center;
  background-image: url('cornufe/110/img_hood_110.jpg');
}
#cornufe-90-okap{
  background-size: 100%;
  background-position: center;
  background-image: url('cornufe/albertine/img_hood-90.jpg');
}
#build{
  padding-top:var(--topFixed);
}
#build-main-label-chateau{
  margin:0%;
  padding:0.5% 0%;
  background-color:#252525;
  color:white;
  font-size:15px;
  text-align:center;
  width:100%;
  float:left;
}
#wybor-plyty-label{
  margin:0%;
  padding:1.5% 0%;
  font-size:17px;
  text-align:center;
  width:100%;
  float:left;
}
.build-label-chateau{
  padding:0.2% 0%;
  text-align:center;
  font-size:18px;
  width:100%;
  margin-bottom:2%;
  float:left;
}
#build-label-current-color{
  font-size:15px;
  margin-bottom:3%;
  text-align: center;
  width:100%;
  float:left;
}
#build-label-current-model{
  font-size:25px;
  margin:3% 0%;
  text-align: center;
  width:100%;
  float:left;
}
.build-label-current-trim{
  font-size:15px;
  text-align: center;
  margin-bottom:3%;
  width:100%;
  float:left;
}
#custom-pallete-color{
  width:100%;
  float:left;
}
#niestandardowy{
  width:80%;
  margin:0% 10%;
}
#customcollor{
    background-color: #00000000;
    margin-top:2%;
    cursor:pointer;
    margin-left:40%;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    border: none;
    outline: none;
    -webkit-appearance: none;
}

#customcollor::-webkit-color-swatch-wrapper {
    padding: 0; 
}
#customcollor::-webkit-color-swatch {
  transition: .3s ease;
    box-shadow:0px 0px 5px #252525;
    border:none;
    border-radius: 50%;
}
#customcollor::-webkit-color-swatch:hover{
  border-radius:50%;
  transition: 0.5s ease;
}

#build-color-chateau{
  background-color: #ffffff;
  width:25%;
  float:left;
  margin-top:1%;
}
#config-img-container{
  width:50%;
  float:left;
}
#build-img-color-chateau{
  border-radius:50px;
  margin-left:var(--switchMargin);
  margin-bottom:5%;
  position: relative;
  background-blend-mode: multiply;
  width:var(--switchWidth);
  float:left;
  height:var(--configImg);
  background-image:url('konfigurator/chateau/brilliant-black.jpg');
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
}
#build-img-top-chateau{
  border-radius:50px;
  position: absolute;
  width:100%;
  z-index:5;
  float:left;
  height:var(--configImg);
  background-image:url('konfigurator/top.png');
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
}
#build-img-trim-chateau{
  border-radius:50px;
  position: absolute;
  width:100%;
  float:left;
  height:var(--configImg);
  z-index:9;
  background-image:url('konfigurator/chateau/trim/S.png');
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
}
#build-trim-chateau{
  width:25%;
  float:left;
  margin-top:1%;
}
.build-color-block{
  transition: 0.5s ease;
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  width:55px;
  margin-left:2%;
  margin-bottom:2%;
  height:55px;
  float:left;
  box-shadow:0px 0px 5px #252525;
  transform-origin: 25px 25px;
}
.build-color-block:hover{
  transform : scale(1.4);
  transition: 0.5s ease;
}
.build-trim-block{
  font-size:12px;
  cursor:pointer;display:flex;
  float:left;
  border-radius:5px;
  width:120px;
  height:51.4px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left:6%;
  margin-bottom:4%;
  box-shadow:0px 0px 5px #252525;
  transition: 0.3s ease;
}
.build-trim-text{
  margin:0.5% 1%;
  margin-left:10%;
  width:90%;
  float:left;
}
.build-trim-block:hover{
  transform : scale(1.2);
  transition: 0.3s ease;
}
.config-button-area{
  width:100%;
  padding: 0.5% 0%;
  float:left;
  background-color: #252525;
}
.button-config{
  text-align: center;
  border-radius:3px;
  float:left;
  width:8.33%;
  padding:0.5% 0%;
  font-size:15px;
  color:white;
  cursor: pointer;
}
#pdf-save-container{
 width:100%;
 float:left;
 padding:1% 0%;
}
#pdf-save{
  text-align: center;
  border-radius:3px;
  float:left;
  margin-left:40%;
  width:11%;
  padding:0.5% 4.5%;
  font-size:15px;
  color:white;
  background-color:#252525;
  cursor: pointer;
  transition:.3s ease;
}
#pdf-save:hover{
  transition:.3s ease;
  transform:scale(1.1);
  color:#252525;
  background-color:white;
  outline: 1px solid #252525;
}
.button-config:hover{
  transition: 0.3s ease;
  color:#252525;
  background-color: white;
  transform:scale(1.2);
}
@media only screen and (max-width: 1700px) {
  .menu-link{
    width:30%;
  }
}

@media only screen and (max-width: 1440px) {
.button-config{
  font-size:11px;
}
}
@media only screen and (max-width: 1440px) {
.button-config{
  width:16.33%;
  font-size:14px;
}
}
@media only screen and (max-width: 1200px) {


#pdf-save{
  margin-left:38%;
  width:14%;
  padding:0.5% 4.5%;
}
#build-label-current-color{
  float:right;
}
.build-label-current-trim{
  margin-bottom:5%;
}
#config-button-area{
  margin-bottom:0%;
}
#chateau-150-config-display{
  margin-top:2%;
}
#customChateau{
  width:100%;
  float:left;
}
#customcollor{
  margin-left:0%;
  margin-top:0%;
}
#niestandardowy{
  width:40%;
  padding:30px 0px;
  margin:0% 0% 0% 10%;
}
#custom-pallete-color{
  width:40%;
  margin:0% 0% 0% 10%;
}
#build-color-chateau{
  width:100%;
  float:left;
  margin-top:0%;
}
#config-img-container{
  width:100%;
}
#build-trim-chateau{
  width:100%;
  margin-left:0%;
}
#historia-tekst{
  margin:0% 10%;
  width:80%;
  float:left;
  padding:1% 0% 1% 0%;
}
#historia-img{
  width:100%;
}
.footer-info{
  padding:1%;
  width:31%;
}
  .model-title{
    padding:1% 20%;
    width:60%;
    font-size:20px;
  }
  .menu-link{
    font-size:12px;
  }
  .social-icons{
  width:10%;
  height:55px;
  background-size: 70%;

}
.build-color-block{
  margin-left:0.5%;
  margin-bottom:1%;
}
.build-trim-block{
  margin-left:1%;
  margin-bottom:4%;
}
}
@media only screen and (max-width: 1000px) {

.shop-icon{
  cursor:pointer;
  width:50%;
  margin-left:25%;
}
  .button-config{
  font-size:12px;
}
  .config-info-container-supreme,
.config-info-container-180,
.config-info-container-165,
.config-info-container-150,
.config-info-container-120,
.config-info-container-90,
.config-info-container-75,
.config-info-container-cornufe-110,
.config-info-container-cornufe-90{
  width:70%;
  float:left;
}
.model-config{
  padding:5% 0%;
  width:90%;
  margin-left:5%;
  margin-bottom:0%;
}
  .menu-link{
    font-size:10px;
  }
  .prev-config{
    width:15%;
  margin-left:0%;
  background-size:45%;
  }
  .next-config{
    width:15%;
    background-size:45%;
  }
.prev-config:hover,.next-config:hover{
  background-size: 55%;
}
.cooktops-config-img{
  width:100%;
  background-size: 100%;
}
.config-text{
  font-size:14px;
  padding:0%;
  width:100%;
  margin-left:0%;
}

.config-text h1{
  font-size:13px;
}
.config-info-container-cornufe-110 .cooktops-config-img,
.config-info-container-cornufe-90 .cooktops-config-img{
  width:100%;
  background-size:100%;
}
  #chateau-180,
  #chateau-165,
  #chateau-150,
  #chateau-120,
  #chateau-90,
  #chateau-75,
  #cornufe-110,
  #cornufe-90,
  #cornufe-110-okap,
  #cornufe-90-okap,
  #chateau-blat,
  #chateau-okap,
  #chateau-rozen{
    background-size:100%;
  }
  #chateau-supreme-hood{
  background-size: 70%;
  }
  .title-hr-top{
    margin-left:30%;
    margin-right:30%;
    width:40%;
  }
  .title-hr-bottom{
    margin-left:25%;
    margin-right:25%;
    width:50%;
  }
  .prezentacja-column{
    width:96%;
    padding:0%;
    margin:0% 2%;
  }
  .model-info-container{
    margin-left:5%;
    margin-right:5%;
    width:90%;
  }
}



@media only screen and (max-width: 800px) {
#pdf-save{
  margin-left:34.5%;
  width:30%;
  padding:1.2% 2.5%;
}
.button-config{
  padding:3% 0%;
  width:32.33%;
  font-size:12px;
}
#logo{
  width:30%;
  background-size: 80%;
  padding:5% 0%;
}
#ff-bar{
  cursor:pointer;
  display:block;
}
.menu-link{
  padding:5% 0% 5% 0%;
  width:100%;
}
#nav-links-right,
#nav-links-left{
  background-color: white;
  display:none;
  float:left;
  width:100%;
}
#nav-links-left a{
  width:100%;
  float:left;
  }
#footer-container{
  text-align: center;
  width:100%;
  margin-left:0%;
}
.footer-info{
  padding:1%;
  width:31%;
}
.footer-line{
  margin:1% 0% 3% 0%;
  background-color:white;
  height:1px;margin-right:10%;
  width:90%;
  float:left
}
}
@media only screen and (max-width: 600px) {
#footer-container{
  font-size:8px;
  }

.build-color-block{
  width:35px;
  height:35px;
  }
.footer-info-raw{
  padding:7% 0%;
}
.build-trim-block{
  width:65px; 
  height:30px;
  margin-left:1%;
  margin-bottom:4%;
}

.social-icons{
  width:20%;
  height:60px;
  background-size: 70%;

}
}

@media only screen and (max-width: 330px) {
.button-config{
  width:50%;
}
#pdf-save{
  margin-left:22.5%;
  width:50%;
  padding:1.2% 2.5%;
}
}
@media only screen and (max-width: 215px) {
.button-config{
  width:100%;
}
}