body.impecto{font-family: 'GothamBook';}
.impecto .dt{display:table;}
.impecto .dtc{display:table-cell;}
.impecto .no-pad{padding:0;}
 
 /* banner start */
.impecto section.banner{width:100%; background-image:url(../portfolio/impacto-digital/images/mian-banner.jpg); background-position:center; background-size:cover; background-attachment:fixed; height:90vh;}
.impecto section.banner .logo-img{vertical-align:middle; text-align:center;}
.impecto .banner-article{margin-top:140px; margin-bottom:105px;}
.impecto .banner-article h4{font-size:25px; color:#000000; text-transform:uppercase; text-align:center;}
.impecto .banner-article .description{display:inline-block; width:100%; margin-top:30px;}
.impecto .banner-article .description p{color:#333333; font-size:17px;}
.impecto .banner-article .description p:nth-child(2){color:#000000; font-size:17px; font-weight:600; margin-top:25px;}
 
 /* images-sec start */
.impecto section.images-sec{width:100%;}
.impecto section.images-sec .img-section{width:100%;}
.impecto section.images-sec .img-section img{width:100%;}
 /* images-sec end */
 

/* section.logo-typography start */
.impecto section.logo-typography {background-color:#f8f8f8; padding-bottom:120px;}
.impecto section.logo-typography h4 {margin-top:160px; font-size:17px; color:#333333;}
.impecto section.logo-typography ul.logo-concept {margin-top:65px; padding:0; margin-left:auto; margin-right:auto;}
.impecto section.logo-typography ul.logo-concept li:nth-child(2){padding-left:90px;}
.impecto section.logo-typography .image-area {display:block; text-align:center;}
.impecto section.logo-typography .image-area img{display:inline-block; }
.impecto section.logo-typography .name{text-align:center; display:block; margin-top:34px;  font-size:17px; color:#333333; font-weight:100;}
.impecto section.logo-typography .name .line-break{display:block;}
/* section.logo-typography end */


/* section assets start */
.impecto section.assets{width:100%; padding-top:115px; padding-bottom:230px;}
.impecto section.assets h3{color:#000; font-size:25px; text-transform:uppercase;}
.impecto section.assets .color-pallete{ margin-top:70px ;}
.impecto section.assets .color-pallete .pellete-1{display:inline-block; width:100%;}
.impecto section.assets .color-pallete .color-code, section.assets .color-pallete .color-img{display:inline-block; width:100%;}
.impecto section.assets .color-pallete .color-img img{max-width:100%;}
.impecto section.assets .color-pallete .color-code{text-align:left; font-size:17px; color:#333333; margin-bottom:15px;}
.impecto section.assets .color-pallete .pellete-2{margin-top:65px;}
.impecto section.assets .font-type{margin-top:230px; display:inline-block;}
.impecto section.assets .font-type .fonts{margin-top:50px; display:inline-block;}
.impecto section.assets .font-type .font-right{vertical-align:bottom; padding-left:50px;}
.impecto section.assets .font-type .font-3{margin-top:15px;}
.impecto section.assets .font-type .fonts-bottom{margin-top:50px;}
/* section assets end */


/* banner-bottom start */
.impecto section.banner-bottom{width:100%;}
.impecto section.banner-bottom .img-area{display:block;}
.impecto section.banner-bottom .img-area img{display:inline-block; width:100%;}
/* banner-bottom end */


/* footer start */
.impecto footer.impfooter {width:100%; display:inline-block; padding-top:170px; padding-bottom:100px;}
.impecto footer.impfooter h4{font-size:25px; color:#000; text-align:center;}
.impecto footer.impfooter .logo-footer{width:100%; display:inline-block; }
.impecto footer.impfooter .logo-section{width:100%; display:inline-block; padding-top:115px;}
.impecto footer.impfooter .logo-section .logo-row-2{ padding-top:115px;}
.impecto footer.impfooter .logo-section .logo-row-3{ padding-top:155px;}
/* footer end */




@media (min-width: 992px){
.impecto .container {width: 800px;}
}

@media (max-width:1199px){
.impecto section.banner{background-position:left;}
}
@media (max-width:991px){
.impecto section.logo-typography{padding-bottom:80px;}
.impecto section.logo-typography h4{margin-top:80px;}
.impecto section.logo-typography ul.logo-concept{margin-top:35px;}
.impecto section.assets{padding-top:90px; padding-bottom:90px;}
.impecto section.assets .color-pallete{margin-top:50px;}
.impecto section.assets .color-pallete .pellete-2{margin-top:40px;}
.impecto section.assets .font-type{margin-top:120px;}
.impecto section.assets .font-type .fonts{margin-top:25px;}
.impecto section.assets .font-type .font-left img{display:inline-block; width:100%;}
.impecto section.assets .font-type .font-right img{display:inline-block; width:100%;}
.impecto section.assets .font-type .font-3 img{display:inline-block; width:100%;}
.impecto footer.impfooter{padding-top:90px;}
.impecto footer.impfooter .logo-section{padding-top:60px;}
.impecto footer.impfooter .logo-section .logo-row-2{padding-top:70px;}
.impecto footer.impfooter .logo-section .logo-row-3{padding-top:70px;}
.impecto footer.impfooter .logo-footer img{max-width:90%;}

  }
  
  
  
  
@media (max-width:767px){  
.impecto section.banner .logo-img img{max-width:80%;}
.impecto section.banner{background-position:left;}
.impecto .banner-article .description{margin-top:10px;}
.impecto .banner-article h4{font-size:18px;}
.impecto .banner-article .description p:nth-child(2){font-size:16px;}
.impecto .banner-article{margin-top:30px; margin-bottom:30px;}
.impecto .banner-article .description p{text-align:center;}
.impecto section.logo-typography h4{text-align:center; margin-top:50px;}
.impecto section.logo-typography .name{margin-top:25px;}
.impecto section.logo-typography{padding-bottom:40px;}
.impecto section.assets{padding-top:30px; padding-bottom:40px;}
.impecto section.assets h3{font-size:18px;}
.impecto section.assets .color-pallete{margin-top:50px;}
.impecto section.assets .color-pallete .pellete-2{margin-top:30px;}
.impecto section.assets .color-pallete .color-code{text-align:center; margin-bottom:10px;}
.impecto section.assets .font-type{margin-top:30px;}
.impecto footer.impfooter{padding-top:30px;}
.impecto footer.impfooter h4{font-size:18px;}
.impecto footer.impfooter .logo-section{padding-top:40px;}
.impecto footer.impfooter .logo-footer{text-align:center;}
.impecto footer.impfooter .logo-footer .text-right{text-align:center; padding-top:30px;}
.impecto footer.impfooter .logo-section .logo-row-2{ padding-top:30px;}
.impecto footer.impfooter .logo-section .logo-row-3{ padding-top:30px;}
.impecto section.logo-typography ul.logo-concept{display:inline-block; width:100%;}
.impecto section.logo-typography ul.logo-concept li{display:inline-block; width:100%;}
.impecto section.logo-typography ul.logo-concept li:nth-child(2){padding-left:0; margin-top:50px;}
.impecto section.logo-typography ul.logo-concept li:nth-child(3){padding-left:0; margin-top:50px;}
.impecto section.assets .font-type .fonts .font-left {display:inline-block; width:100%;}
.impecto section.assets .font-type .font-right {display:inline-block; width:100%; padding-left:0; margin-top:25px;}
.impecto section.assets .font-type .font-3{ margin-top:25px;}
.impecto section.assets .font-type .font-right img{width:auto; max-width:100%;}
.impecto section.assets .font-type .font-left img{width:auto; max-width:50%;}
}