/*	Mobile  */
	@media screen and (max-width: 440px) {

		.Container {
			margin-top: 7.5rem;
			background-image: url("/images/rolli_mobile_back2.jpg");
			background-attachment: fixed;
			background-size: cover;
			display: flex;
			max-width: none;
			max-height: none;
			flex-direction: column;
    		align-items: center;
    		min-height: 75vh;
		}
		.Container .BigNumber {
			margin-top: 6rem;
		    font-size: 10rem;
		    font-weight: 900;
		    color: var(--Palette3);
		    text-align: center;
		    filter: drop-shadow(1px 3px 4px #000000);
		}
		.Container H1 {
			color: var(--Palette3);
		    text-align: center;
		    filter: drop-shadow(1px 3px 4px #000000);
		    font-size: 2.2rem;
		    text-transform: uppercase;
		    margin-top: 0rem;
		}


	}

/*	Desktop  */
	@media screen and (min-width: 441px) {

		.Container {
		    text-align: center;
		    min-height: 45vh;
			display: flex;
			flex-direction: column;
		    width: 100%;
		    height: 100%;
		    margin-left: 0rem;
		    margin-right: 0rem;
		    padding-top: 3rem;
		    background-image: url("/images/background3.jpg");
		    background-attachment: fixed;
		    background-size: cover;
		    max-width: none;
		    margin-bottom: 0rem !important;
		    padding-bottom: 7rem;
		}
		.Container .BigNumber {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 13.5rem;
			line-height: 1em;
			font-weight: 900;
			color: var(--Palette3);
			text-align: center;
			filter: drop-shadow(1px 3px 9px #000000);
		}
		.Container H1 {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 3.5rem;
			font-weight: 900;
			color: var(--Palette3);
			text-align: center;
			filter: drop-shadow(1px 3px 9px #000000);
		}
		.Container H2 {
			display: block;
			margin: 0;
			padding: 0;
			margin-top:1.5rem;
			font-size: 2.0rem;
			font-weight: 400;
			color:  var(--Palette1);
			text-align: center;
		}

	}