/* Default CSS */

.services_container {
position: relative;
width: 100%;
height: 342px;
margin: 0 auto;
left: 0;
right: 0;
 }
 
.services_pic img {
width: 480px;
height: 300px;
  
 }


 
.text_header {
position: absolute;
top:64px;
 width: 980px;
 margin: 0 auto;
 left: 0;
 right: 0;
 
 }
 
 .top_button {
 position: absolute;
  top: 114px; 
  box-sizing: border-box;
  height: 50px;
  width: 160px;
  border: 2px solid #FF4929;
  border-radius: 41.5px;
  color:  #FF4929;
  transition: 0.4s;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  margin: -20px 0 100px -10px ;
}


.top_button:hover {
background-color:  #FF4929;
color: white;

 }
 
  @media only screen and (max-width: 1200px) {
  
.text_header {
width: 780px;
 }
   }
 
 
 .text_subheader  {
 position: absolute;
 top: 110px;
 width: 980px;
 margin: 0 auto;
 left: 0;
 right: 0;
 color: #000000;
font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 0;
line-height: 34px;
 
 }
 
 .text_subheader a {
 color: #FF4929;
 
 }
 
   @media only screen and (max-width: 1200px) {
  
.text_header {
width: 780px;
 }
 
.text_subheader {
 width: 780px;
  }
   }
 
.service_boxes_holder {
 position: relative;
 width:100%;
 margin: 0 auto;
height: 1500px;
 }
 
 .services_info {
 position: absolute;
 width: 980px;
 margin: 0 auto;
 left: 0;
 right: 0;
 
 }
 
 .services_loyalty_pic
 {
 position:absolute;
 top: 0;
 left: 0;
 width: 480px;
 height: 300px;
   }
 .services_loyalty_pic img {
width: 480px;
height: 300px;
  
 }
 
  .services_loyaltyblurb
 {
 position: absolute;
 top: 0x;
 left: 539px;
 width: 480px;
 height:236px;
  
 }
 
 
 
  @media only screen and (max-width: 1200px) {
  
 .services_loyaltyblurb {
width: 420px;
left: 519px;
 
  }
  
   }
 
.loyalty_button{
  position: absolute;
  width: 137px;
  height: 44px;
  top: 192px;
  left:0;
  border-radius: 41.5px;
  box-sizing:border-box;
  border: solid 2px;
  border-color: #FED141;
  color:#FED141;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size:16px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  padding:5px;
  font-weight: 600;
 
  }
  
 @media only screen and (max-width: 1200px) {
 
 .loyalty_button {
 top: 222px;
  }
  }
  
.loyalty_button:hover {
  border-color::#FED141 ;
  color: #ffffff;
  background-color:#FED141;
   }
   
   
   /* new paste */
   
.services_promotions_pic
 {
 position:absolute;
top: 360px;
 left: 0;
 width: 480px;
 height: 300px;
  
 }
 
 .services_promotions_pic img {
width: 480px;
height: 300px;
  
 }
 
  .services_promotionsblurb
 {
 position:relative;
 top: 360px;
 left: 539px;
 width: 480px;
 height: 236px;
 
 }
 
 
   @media only screen and (max-width: 1200px) {
  
 .services_promotionsblurb {
top: 340px;
width: 420px;
left: 519px;
 
  }
 
 }
 
 
.promotions_button {
  position: absolute;
  width: 137px;
  height: 44px;
  top: 192px;
  left:0;
  border-radius: 41.5px;
  box-sizing:border-box;
  border: solid 2px;
  border-color: #6F3A9F;
  color: #6F3A9F;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size:16px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  padding: 5px;
  font-weight: 600;
  }
  
.promotions_button:hover {
  border-color:#6F3A9F; 
  color: #ffffff;
  background-color: #6F3A9F;
   }
   
 @media only screen and (max-width: 1200px) {
 
.promotions_button {
    top: 232px;
  }
  }
  
 /* rewards */
 
   .services_rewards_pic
 {
 position:absolute;
top: 720px;
 left: 0;
 width: 480px;
 height: 300px;
 }
 
 .services_rewards_pic img {
width: 480px;
height: 300px;
  
 }
 
  .services_rewardsblurb
 {
 position:relative;
 top: 460px;
 left: 539px;
 width: 480px;
 height: 236px;
 
 }
 
    @media only screen and (max-width: 1200px) {
.services_rewardsblurb {
top: 460px;
width: 420px;
left: 519px;
 
  }
  
  }
 
.rewards_button {
  position: absolute;
  width: 137px;
  height: 44px;
  top: 192px;
  left:0;
  border-radius: 41.5px;
  box-sizing:border-box;
  border: solid 2px;
  border-color:#3549E0;
  color: #3549E0;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size:16px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  padding: 5px;
  font-weight: 600;
  }
  
.rewards_button:hover {
  border-color:#3549E0;
  color: #ffffff;
  background-color:#3549E0;
   }

/*marketing */

 
   .services_marketing_pic
 {
 position:absolute;
top: 1080px;
 left: 0;
 width: 480px;
 height: 300px;
   }
   
 .services_marketing_pic img {
width: 480px;
height: 300px;
  
 }   

 .services_marketingblurb
 {
 position:relative;
 top: 520px;
 left: 539px;
 width: 480px;
 height: 400px;
 
 }
 
     @media only screen and (max-width: 1200px) {
.services_marketingblurb {
top: 520px;
width: 420px;
left: 519px;
 
  }
 
 }
.marketing_button {
  position: absolute;
  width: 137px;
  height: 44px;
  top: 230px;
  left:0;
  border-radius: 41.5px;
  box-sizing:border-box;
  border: solid 2px;
  border-color:#FF4929;
  color: #FF4929;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size:16px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
  padding: 5px;
  font-weight: 600;
  }
  
.marketing_button:hover {
  border-color:#FF4929;
  color: #ffffff;
  background-color:#FF4929;
   }


@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 800px) {

 .services_container {
position: relative;
width: 100%;
height: 367px;
margin: 0 auto;

 }
 
 
.text_header {
position: absolute;
top:45px;
 width: 285px;
 margin: 0 auto;
 left: 0;
 right: 0;
 
 }
 
.text_subheader  {

 top: 108px;
 width: 285px;
 margin: 0 auto;
 left: 0;
 right: 0;
 color: #000000;
font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 0;
line-height: 34px;
 
 }
 
 
 .top_button {
 position: absolute;
  top: 154px; 
 }
 
 h2 {
 padding-bottom: 20px;
 
  }
 
 .service_boxes_holder {
height: 2207px;
 }
 
 .services_info {
 position: absolute;
 width: 285px;
 margin: 0 auto;
 left: 0;
 right: 0;
 
 }
 
.services_pic {
width: 285px;
height: 178px;
  
 }
 

 .services_loyalty_pic
 {
 position:absolute;
 top: 0;
 left: 0;
 width: 285px;
 height: 178px;
   }
.services_loyalty_pic img {
width: 285px;
height: 178px;
  
 }
   
.services_loyaltyblurb
 {
 position: absolute;
 top: 200px;
 left: 0;
 right: 0;
 margin: 0 auto;
 width: 285px;
 height:333px; 
 }
 
.loyalty_button {
top: 218px; /* was 248 */
 }
 
.services_promotions_pic
 {
 position:absolute;
 top: 500px; /* was 530px */
 left: 0;
 right:0;
 margin: 0 auto;
 width: 285px;
 height: 178px;
  }
  
   .services_promotions_pic img {
width: 285px;
height: 178px;
  
 }
  
  .services_promotionsblurb
 {
 position:relative;
 top: 700px; /* was 730 */
 width: 285px;
left: 0;
right: 0;
 margin: 0 auto;
 height: 344px;
  }
  
.promotions_button {
 top: 274px;
  }
 
 
.services_rewards_pic
 {
 position:absolute;
top: 1082px; /* was 1112 */
 left: 0;
 right: 0;
 margin: 0 auto;
  width: 285px;
 height: 178px;
 }
 
   .services_rewards_pic img {
width: 285px;
height: 178px;
  
 }
 
 
 
.services_rewardsblurb
 {
 position:absolute;
 top: 1282px; /* was 1322 */
 left: 0;
 right: 0;
 margin: 0 auto;
 width: 285px;
 height: 306px;
  }
  
 .rewards_button {
  position: absolute;
  width: 137px;
  height: 44px;
  top: 232px;
  left:0;

  }
  
.services_marketing_pic
 {
 position:absolute;
top: 1628px; /* was 1668 */
 left: 0;
 right: 0;
 margin : 0 auto;
 width: 285px;
 height: 178px;
 
  }
  
  .services_marketing_pic img {
width: 285px;
height: 178px;
  
 }
 .services_marketingblurb
 {
 position:absolute;
 top: 1828px; /* was 1868 */
 left: 0;
 right: 0;
 margin: 0 auto;
 width: 285px;
 height: 445px;
 
 }
 
.marketing_button {
  position: absolute;
  width: 137px;
  height: 44px;
  top: 270px;
  left:0;

  } 
  

 }