body {
		background-image: url("Beachwallpaper.jpg");
		background-repeat: repeat;
		background-size: cover;
		background-attachment: scroll;
		margin-left: 5px;
	}
	.wrapper{ width: 500px; padding: 20px; }
	
	.container {
		background-image:none;
		background-color:#fff;
		
		box-shadow: 0px 0px 5px 5px #777777;
	}
	
	.row {
		background-image:none;
		background-color:#fff;
	}
	
@media only screen and (max-width: 760px),
(min-device-width: 802px) and (max-device-width: 1020px) {
.wrapper{ width: 350px; padding: 20px; }
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
    display: block;

}

.empty {
    display: none;
}

/* Hide table headers (but not display: none;, for accessibility) */
th {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

tr {
    border: 0px solid #ccc;
}

td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 0px solid #eee;
    position: relative;
    padding-left: 50%;
}



/*
Label the data
*/
td:nth-of-type(1):before {
    content: "Zondag";
}
td:nth-of-type(2):before {
    content: "Maandag";
}
td:nth-of-type(3):before {
    content: "Dinsdag";
}
td:nth-of-type(4):before {
    content: "Woensdag";
}
td:nth-of-type(5):before {
    content: "Donderdag";
}
td:nth-of-type(6):before {
    content: "Vrijdag";
}
td:nth-of-type(7):before {
    content: "Zaterdag";
}


}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body {
    padding: 0;
    margin: 0;
	margin-left: 0px;
}
.wrapper{ width: 345px; padding: 20px; }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 802px) and (max-device-width: 1020px) {
body {
    width: 495px;
}
}

@media (min-width:641px) {
table {
    table-layout: fixed;
	
}
td {
    width: 100%;
}
}

.row{
margin-top: 20px;
margin-left: 0px;
}
        
        .today{
            background:lightblue;
        }
		
		.past{
            background:lightgrey;
        }
        
        .btn {
    margin: 2px auto;
	 word-wrap: break-word; 
	 white-space: normal;
}

        body{ font: 14px sans-serif; }
        
		.whiteTextOverride{ color: green !important;}
		
				.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
 
}