section#top {
    background-color:#a6292d; 
    
}


.p1 {text-align: left; text-transform: uppercase;font-size: 45px;font-weight: 700;line-height:1.2em;margin-bottom:20px;}
.p2 {text-align: left;font-size: 40px;font-weight: 500;line-height: 1.2em;}


.benefit-block {background-color: #1b1b1a;border-radius: 30px;z-index:100;
margin:0px;padding:40px 20px}
.benefit {padding:0 20px 20px 20px;text-align: center;font-size:30px;
    line-height:1.3em;
    border-left:2px solid #a6292d;} 
    .benefit:first-child{border:none}
.benefit h2 {text-transform:uppercase;font-size:30px;font-weight:600;}


.benefit-icon {width:40%;max-width: 140px;;}
.benefit-arrow {width:20px;margin:20px}


@media(max-width:700px){
    .benefit {padding:0 10px 20px 10px;font-size:20px;
    line-height:1.3em;
   } 

    .benefit h2 {font-size:20px;font-weight:600;}
   .benefit-icon {width:70%;max-width: 140px;;}
}

@media(max-width:600px){
    .benefit {font-size:14px;}
     .benefit h2 {font-size:17px;}
   } 







#sushi_bg {
    width:700px;height:600px;position:absolute;
    right:0px;z-index:0;
   
    background-image:url('/images/highfive/sushi-top.png');
    background-repeat:no-repeat;
   
   background-size: 600px;

   
}
@media (max-width:1200px) {
    .p1 {font-size: 40px}
    .p2 {font-size: 35px}

}

/*sushi bg*/
@media (max-width:699px) {
    #sushi_bg {    display:none; background-position:right -280px top; background-size:450px;    }
}
@media (min-width:700px) {
    #sushi_bg {    background-position:right -280px top;  background-size:500px;    }
}
@media (min-width:900px) {
    #sushi_bg {     background-position:right -280px top; background-size:550px;     }
}
@media (min-width:1000px) {
    #sushi_bg {     background-position:right -280px top;       }
}
@media (min-width:1300px) {
    #sushi_bg {      background-position:right -130px top;        }
}
@media (min-width:1100px) {
    #sushi_bg {       background-position:right -180px top;          }
}

@media (min-width:1300px) {
    #sushi_bg {       background-position:right -130px top;          }
}


@media (min-width:2300px) {
    #sushi_bg { background-position:right 100px top;   }
}

@media (min-width:2800px) {
    #sushi_bg { background-position:right 600px top;  }
}



@media (max-width:991px) {
    #logo img {max-width:90%}      
}







section#zakup {
    background-color:#a6292d;
    padding:60px 0px;
    padding-top:10px;
}
.zakup-block-wrap {
/*display: flex;
  flex-wrap: wrap;*/
  margin-bottom:10px;
}
.zakup-block {
   background: #1b1b1a;
   padding:20px;
   border-radius: 30px;
   height: 100%;
   margin-bottom:20px
}

.equal-height-row {
  display: flex;
  flex-wrap: wrap;
}
.equal-height-row > [class*='col-'] {
  display: flex;
}
.equal-height-row .equal-height-box {
  
  display: flex;
  flex-direction: column;
}


@media(max-width:600px){
    .benefit {font-size:14px;}
     .benefit h2 {font-size:17px;}
   } 



.google_button {
    color:white;
    text-decoration: none;
    display:block;
    background-color:#a6292d;
    border:0px;border-radius: 20px;
    background-image:url('/highfive/images/google_btn.png');
    background-repeat:no-repeat;
    background-size: 50px;
    background-position:15px 15px;
    padding:18px;
    padding-left:80px;
    font-size:140%;font-weight:500;line-height:1.2em;
    margin-top:30px;
    text-align:left;
}   
.google_button:hover{
    background-color:#00cce7;
    text-decoration: none;
    color:black;
}
.zakup-block button:hover {
    background-color:#00cce7;
}
.paczkomat-pic {width:40px;position:absolute;left:40px;top:-20px}
.paczkomat-pic img {width:100%}
.paczkomat-opis {padding-left:70px;min-height:52px}
.siedziba-opis {text-align:center}






section#klub {
    background-image:url('/images/highfive/sushi_bg2.jpg');
    background-size: contain;    
     background-repeat: no-repeat;
     background-position: center top;
    padding-top:200px;
    margin-bottom:200px;
}
section#klub .container {
    padding:40px;
    background-color: #a6292d;
    border-radius: 30px;
}
section#klub .row {
    margin-bottom:30px
}

.klub-benefit {
    padding:20px;
    border-left:1px solid #eee;
    text-align:center;
}
.klub-benefit:first-child {
    border-left:none;
}

.klub-benefit h3{text-transform:uppercase;font-size:25px;font-weight:600;}

.klub-icon {
    width:40%;max-width: 140px;;
}
.form-line {text-align:center}
.form-line input {width:70%;border:none;border-radius: 15px;margin-bottom:25px;padding:10px;color:black;font-weight:bold;font-size:130%}
.form-line button {width:70%;background:black;border:none;border-radius: 15px;padding:20px;font-size:25px}
.form-line button:hover {
    background-color:#00cce7;
}



@media (max-width:700px) {
   .p1,.p2 {text-align:center}
   #logo img {max-width:200px}   
   /*
    .benefit {
        border-left:none;
        padding-top:20px;
        
        border-top:2px solid #a6292d;
    }*/
    .zakup-block {
        text-align:center;
        margin-bottom:20px;
    }
    .klub-benefit h3{font-size:20px;}
    .klub-benefit {    padding:10px;}

   /* .klub-benefit {
       border-left:none;
       border-top:1px solid #eee;
    }
    .klub-benefit:first-child {
       border-top:none;
    }*/

   
}

@media (max-width:600px) {


    
   
    .klub-benefit h3{font-size:14px;}
.klub-benefit {    padding:5px;}


   
}



@media (max-width:850px) {
     section#klub .container {
        margin-right:40px;
        margin-left:40px;
    }
    .form-line input, 
    .form-line button {width:100%;}
}

@media (max-width:750px) {
     section#klub .container {
        margin-right:20px;
        margin-left:20px;
    }
}

#mlb2-26926454.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    width:70% !important;
    max-width:none !important;
    background-color: transparent !important;
}
#mlb2-26926454.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
    font-size:20px !important
}