.logo img {
      height: 80px !important;
}

.header.content {
    /*background: #e53269;*/
}

.parallax {
    background-image: url(https://compagniadelcolore.us/pub/media/media-img/full-img-01.jpg);
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    padding: 10% 0;
}


@media (min-width: 768px){
.page-header .panel.wrapper {

    background-color: #e53269;
}

.cms-home .nav-sections {

    margin-bottom: 0px;
}


}

.page-title-wrapper{
  display: none;
}
.half-block-right{
  padding:30px;

}

.half-block-right p{
  padding-top:20px;
  font-size:16px;
}

#colorchart td, #colorchart th {
    font-size: 1.0em;
    border: 1px solid #98bf21;
    /* padding: 3px 7px 2px 7px; */
    text-align: center;
    background-color: #fff;
    width: 75px;
}

#colorchart th {
    font-size: 1.4em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #fff;
}

#colorchart tr.alt td {
    color: #000;
    background-color: #EAF2D3;
    text-align: center;
    font-weight: bold;
}

.block-promo-wrapper{
  padding-top:30px;
}

@media only screen and (max-width: 768px) {

.widget .block-promo img {
    max-width: 350px;
}

.col-3 {
  width:100% !important;

}

h1.parallax-heading{
  font-size:35px !important;
}

.footer_custom_blk{

        max-width: 80% !important;
}
.footer_credit_card_icons{
  text-align: center !important;
  max-width: 60% !important;
  margin-top:20px !important;
  margin-bottom:20px !important
}

.logo img {
     display: block;
     height: auto !important;
     padding-left:40px;
      max-width: 100% !important;
}
.parallax{
   display: none !important;

}

}


.col-3 {
  width:33%;
  float:left;
}

h2.h2home{
  padding-top:20px !important;
  font-weight: 500;
  color:#333 !important;
}



.footer_custom_blk{
   display: inline-block;
   padding-top:50px;
    padding-right: 50px;
        max-width: 30%;
}
.footer_credit_card_icons{
  float: right;
  max-width: 25%;
  margin-top:-80px;
}

table.salerep {
  border:none !important;
}

@media (min-width: 768px), print{
.categorypath-shop-color-line .columns, .categorypath-developer .columns, .categorypath-beaching-lightening .column,
.categorypath-more-products-color-do-it-intense-direct-pigments .columns, .categorypath-more-products-pink-mud-smoothie-creams .columns,
.categorypath-more-products-no-yell-ow-anti-yellow-shampoo .columns,.categorypath-more-products-mirage-treatment .columns,
.categorypath-more-products-daily-care-styling-and-finishing .columns,.categorypath-more-products-color-masks .columns, .categorypath-more-products .columns,
.categorypath-home .columns  {
    display: flex !important;
}
}

.colorchart-title td span{

  font-weight: 600;
  color:#fff;
}

.colorchart-title td{
    /*background-color:#f6821f !important;*/
    vertical-align: middle;
}
.colornumber{
  font-size: 8px;
}
.colornumber1{
  font-weight: bold;
}

.thumbnail-item img{
  width: 75px;
}

.colornumber2{
  font-weight: bold;
  background-color:#f6821f;
  padding:5px;
  color:#fff;

}

#colorchart td.colorblock{
vertical-align: bottom;
}

table>tbody>tr>td, table>tfoot>tr>td {
    padding: 5px 5px !important;
}

.message.error{
      font-size: 2.4rem !important;
}