@media only screen and (max-width: 768px) {
	/* FOSBY: Styling of the hero image and logo on a mobile device */
	.M1, .hero-banner {
	height: 160px;	
	}
	
	.M1 .page-content-inner, .hero-banner .page-content-inner	{
		height: 160px;		
	}
	
	.logo-ahold-delhaize {
	width: 160px;
	}
	
	/* FOSBY: Styling of the input fields on a mobile device */
	.formfields {
	width: 100%;
	}
	
	input[type="submit"].ease-in-anim-fast {
		width: 100%; 
		margin: 0px;
	}
	
	.inputlabel {
		display: none!important;
	}
	
	input[type="text"], input[type="password"] {
		margin: 0 0 15px 0;
		width: 100%;
		padding: 12px 16px 12px 42px;		
	}
	
	/* FOSBY: Styling of the icons on a mobile device */	
	.fas {
		display: inline;
	}

	.fa-user, .fa-lock {
	position: absolute;
	left: 25px;
	color: #555;
	}

	.fa-user {
	position: absolute;
	top: 20px;
	}
	
	.fa-lock {
	top: 100px;
	}
	
	/* FOSBY: Placement of the error message */
	.error-box {
    margin: 0 0px 0 0px;
    margin-top: -15px;
    margin-bottom: -40px;
	}	
	
	/* FOSBY: Styling of assistent links on a mobile device */
	.assist_link a {
		font-size: 13px;
	}

	.G7_site-footer .page-content-inner footer .copyright.mobile {
    padding: 50px 16px 0 16px;
	}

	/* FOSBY: Styling of the legal text field and texts on a mobile device */	
	.legal {
	background: #055;
	padding: 50px 16px;
	}
	
}

@media (min-width: 769px) {
	/* FOSBY: Strecht the div to a 100% wide */
	.media-release-description {
    width: 100%;
	}
	
	/* FOSBY: Hide icons on a screen resolution higher than 769px */
	.fas {
		display: none!important;
	}	
}

@media only screen and (max-width: 550px) {
	/* FOSBY: Change the color of the footer on a mobile device */
	.G7_site-footer {
	background-color: #009a78;
	}
}