body {
	background: url(background.jpg) ;
	background-size: cover ;
}


.container {
	background-color: azure ;
	opacity: 0.8 ;
	margin: 1rem auto ;
	padding-top: 0.5rem ;
	box-shadow: 0px 0px 10px 2px black ;
	border-radius: 2px ;
}


.mobile {
	display: none ;
}

.nomobile {
	display: none ;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.container {
		box-shadow: none ;
	}

	.mobile{
		display: table-cell; 
	}

	.nomobile {
		display: none ;
	}
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.mobile {
		display: none ;
	}

	.nomobile {
		display: table-cell ;
	}
}