#protein-form-outer{
    background: #bfd4dc no-repeat center center; width:100%; height: 540px; position: relative;
}

#home-protein-bg-wrapper{position: absolute; left: 0; top: 0; width:100%; height:100%; overflow: hidden;}

#home-protein-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url(../img/home/formbar/right-image.png) no-repeat right top; min-width:1920px; left:50%; transform:translateX(-50%); background-size: contain; }
#home-protein-bg-left{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/home/formbar/left-image.png) no-repeat left top;background-size: contain; z-index: 1; }

#home-protein-bg-center{
  height:100%; top: 0; width:100%; left: 50%; transform: translateX(-50%); max-width:1017px; z-index: 2; position: absolute;
  background: url(../img/home/formbar/home-center.png) no-repeat center center; background-size: contain;
  }

#protein-form-wrapper{display: flex; height: 100%; align-items: center; flex-direction: column; justify-content: center;width:100%; max-width: 790px; margin: auto; text-align: center; position: relative; z-index: 5;}
#protein-form-splash{position: absolute; left: 0; top:110px; transform: translateX(-50%); background: url(../img/home/formbar/hadi-sende-dene.png) no-repeat center center; width:182px; height: 182px; background-size: contain;}
#protein-form{display: flex; flex-wrap: wrap; width:100%;}
#protein-form .form-row{width: calc(25% - 20px); margin: 10px; box-sizing: border-box;}
#protein-form input, 
#protein-form select, 
#protein-form textarea{border-color:#222c52; color:#222c52; 
    font-family: 'Rounded Mplus 1c', sans-serif; font-weight: 900;
}

#protein-form select{background-image:url(../img/home/formbar/select-arrow.png);}

#protein-form .w50{width:calc(50% - 20px)}
#protein-form .w100{width:calc(100% - 20px)}
#protein-form .center{justify-content: center;}

#protein-form input[type="submit"], 
#protein-form input[type="button"], 
#protein-form button, 
#protein-form a.button{border-radius: 6px;}

#protein-form-wrapper h3 {box-sizing: border-box; padding: 0 10px; font-size: 24px; line-height: 120%;}
#protein-form-wrapper p {width:100%; max-width: 560px; box-sizing: border-box; padding: 0 10px; font-size:20px}
#protein-form-wrapper p strong{font-size:125%}


#protein-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #222c52;
    opacity: 1; /* Firefox */
  }
  
  #protein-form   :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#222c52;
  }
  
  #protein-form  ::-ms-input-placeholder { /* Microsoft Edge */
    color:#222c52;
  }



@media(min-width:1920px){
    #protein-form{background-size: cover;}
}

@media(max-width:1265px){
  #home-protein-bg{min-width: 1600px;}
  #home-protein-bg, #home-protein-bg-left{background-size: contain;}
  #protein-form-wrapper h3{font-size: 22px;}
  #protein-form-outer{background-size: cover; height: 450px;}
  #protein-form-wrapper p{font-size: 16px;}
  #protein-form-splash{top:70px; left: 0; width: 120px; height: 120px; transform: translateX(0);}
}

@media(max-width:768px){
  #protein-form-wrapper{padding:0 10px; box-sizing: border-box;}

  #protein-form-wrapper h3{font-size:20px}

  #protein-form-outer{background-image:url(../img/home/formbar/background-mobile.jpg); background-position: bottom center; background-size: cover;box-sizing: border-box; padding-bottom: 52%; height: auto; padding-top: 40px;}
  #protein-form-splash{display: none;}
  #protein-form .form-row{width:calc(50% - 20px)}
  #protein-form .form-row.w50{width:calc(100% - 20px)}
  #protein-form .form-row.w100{width:calc(100% - 20px)}
  #protein-form .form-row.m100{width:calc(100% - 20px)}

  #protein-form-wrapper p{font-size: 16px;}
  #home-protein-bg{background: none;}
  #home-protein-bg-left{background: none;}
}

