/* Bodyshop section */
   
    .bodyshop-boxout {
        background: #ffde00; padding: 1px;
    }
    
	.bodyshop-boxout p {
         font-size: 26px; color: #00263d;
    }

	.bodyshop-logo {
		margin-top:50px;
	}

	.bodyshop-button {
		display: inline-block; width: 400px;
	}

    .bodyshop-step1 {
        background: #00263d; padding: 1px 10px 10px 0px; border-radius: 20px; width: 66%; margin-left: auto; margin-right: auto;min-height:200px;margin-bottom:20px;
    }
    
    .bodyshop-step2 {
        background: #1c3c52; padding: 1px 10px 10px 0px; border-radius: 20px; width: 66%; margin-left: auto; margin-right: auto;min-height:200px;margin-bottom:20px;
    }
    
    .bodyshop-step3 {
        background: #355165; padding: 1px 10px 10px 0px; border-radius: 20px; width: 66%; margin-left: auto; margin-right: auto;min-height:200px;margin-bottom:20px;
    }
    
    .bodyshop-step4 {
        background: #4e6878; padding: 1px 10px 10px 0px; border-radius: 20px; width: 66%; margin-left: auto; margin-right: auto;min-height:200px;margin-bottom:20px;
    }
    
    .bodyshop-step5 {
        background: #677d8b; padding: 1px 10px 10px 0px; border-radius: 20px; width: 66%; margin-left: auto; margin-right: auto;min-height:200px;margin-bottom:20px;
    }
    
    @media only screen and (max-width:420px) {
    .hide-mobile {
        display:none;
    }
    .bodyshop-step1 {
		width: 100%;
        padding: 5px 20px;
    }
    
    .bodyshop-step2 {
		width: 100%;
        padding: 5px 20px;
    }
    
    .bodyshop-step3 {
		width: 100%;
        padding: 5px 20px;
    }
    
    .bodyshop-step4 {
		width: 100%;
        padding: 5px 20px;
    }
    
    .bodyshop-step5 {
		width: 100%;
        padding: 5px 20px;
    }
		
		.article__header__text h1 {
			font-size:24px!important;
		}
		
	.bodyshop-boxout p {
		font-size: 18px;	
	}

	.bodyshop-logo {
		margin-top:0px;
	}
	
	.bodyshop-button {
		width: 250px;
	}
    }