@media all and (max-width : 480px)  {


div#screen {
	display : none;
	margin-bottom : 4vw;
	text-align : center;
}

a#screen_title {
	display : block;
	margin-top : 20vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 1vw;
	color : rgb(200,200,200);
	font-size : 5vw;
}

section.form {
	margin-left : auto;
	margin-right : auto;
	width : 98vw;
}

img#event_logo {
	width : 45vw;
	margin-top : 15vw;
	margin-bottom : -15vw;
}

div.display_none {
	display : none;
}

/*a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}*/

.readonly {
	border : none;
	cursor : default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/************************************ INTPUT ************************************/

img.poster {
	width : 60vw;
}

img#episod {
	width : 60vw;
}

a.title, a.poster, a.calendar, a.organization, a.info, a.date, a.slot, a.selection, a.title_upload {
	display : block;
	margin-top : 8vw;	
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 4vw;
	color : rgb(200,200,200);
	font-size : 4.5vw;
	color : grey;
}

a.title_upload {
	margin-top : 1vw;	
}

label#send_image {
	visibility : hidden;
}

a.calendar {
	display : none;
	margin-top : 1vw;	
}

a.poster {
	margin-top : 0vw;
	margin-bottom : -1vw;
	color : white;
}

a.organization {
	margin-top : 1vw;
	margin-bottom : 0vw;
	font-size : 4vw;
}

a.booked {
	display : none;
	margin-top : 10vw;
	margin-bottom : 10vw;
	color : orange;
}

div#step_0, div#step_1, div#step_2, div#step_3, div#step_1b, div#step_2b {
	display : none;
}

img#user {
	width : 30vw;
	margin-bottom : -8vw;
	border-radius : 15vw;
}

div.item {
	margin-bottom : 0.8vw;
}

		a.item_title {
			display : block;
			float : left;
			padding-top : 2vw;
			width : 45vw;
			font-size : 3.5vw;
			color : rgb(200, 200, 200);
		}

		input.item_value {
			border-top : none;
			border-left : none;
			border-right : none;
			border-bottom-color : grey; 
			border-radius : 0vw;
			background-color : transparent;	
			height : 6vw;
			width : 40vw;
			font-size : 3.5vw;
			color : grey;
		}

a.action, label.action {
	display : block;
	margin-top : 6vw;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 2vw;
	width : 30vw;
	color : grey;
	font-size : 3.5vw;
	border-radius : 2vw;
	padding : 1.8vw;
	background-color : rgb(20, 20, 20);
	text-decoration : none;
}

		a.action:hover, label.action:hover {
			cursor : pointer;
			color : white;
		}

label.action {
	margin-top : 0vw;
	margin-bottom : 2vw;
}

a.message {
	display : block;
	visibility : hidden;
	margin-bottom : 3vw;
	color : red;

}

a#update_user_image, a#update_image {
	visibility : visible;
	color : orange;
}

a#warning_subscribe, a#update_image, a#login {
	visibility : visible;
	color : orange;
}

a#warning_legal {
	visibility : visible;
	color : grey;
	margin-top : 10vw;
	margin-bottom : -1vw;
}

div.section {
	display : none;
}

		div.episod {
			display : inline-block;
			border-radius : 4.5vw;
			width : 9vw;
			height : 9vw;
			margin : 1.5vw;
			background-color : rgb(25, 25, 25);
		}

				a.episod_id {
					text-decoration : none;
				}

				div.episod_id {
					padding-top : 3vw;
					color : grey;
				}

				div.episod_id:hover {
					cursor : pointer;
					color : white;
				}

/********************************* TABLE *********************************/

table {
	/*margin-left : 5vw;*/
}

		th {
			font-family : Avenir;
			font-weight : normal;
			font-size : 3.5vw;
			width : 32vw;
			text-align : left;
		}


/********************************* CALENDAR *********************************/

/*#calendar {
	display : none;
}*/

#calendar {
	position : relative;
    margin : 2vw;
    width : 90vw;
    margin-left : auto;
    margin-right : auto;
    /*background-color : green;*/
}

div.month {
	position : relative;
	padding-top : 5vw;
	height : 10vw;
	/*width : 90vw;*/
	font-size : 4vw;
	text-align : center;
	/*background-color : yellow;*/
}

		img#previous_month {
			position : absolute;
			margin-top : -12vw;
			left : 15vw;
			width : 9vw;
		}

		img#next_month {
			position : absolute;
			margin-top : -12vw;
			left : 65vw;
			width : 9vw;
		}

		img.previous_large {
			position : absolute;
			margin-top : -12vw;
			left : 20vw;
			width : 9vw;
		}

		img.next_large {
			position : absolute;
			margin-top : -12vw;
			left : 70vw;
			width : 9vw;
		}

		img.previous {
			position : absolute;
			margin-top : -12vw;
			left : 25vw;
			width : 9vw;
		}

		img.next {
			position : absolute;
			margin-top : -12vw;
			left : 65vw;
			width : 9vw;
		}

		img#previous_slot {
			position : absolute;
			margin-top : -12vw;
			left : 15vw;
			width : 9vw;
		}

		img#next_slot {
			position : absolute;
			margin-top : -12vw;
			left : 65vw;
			width : 9vw;
		}

.labels, .dates {
    display : grid;
    font-size : 4vw;
    text-align : center;
    grid-template-columns : repeat(7, 0fr);
}

.labels span {
    width : 12vw;
    margin-bottom : 0.5vw;
    margin-left : 0.15vw;
}

.dates span {
    padding-top : 1vw;
    height : 11vw;
    width : 12vw;
    border : 1px solid rgb(200, 200, 200);
}

div.date_selector {
	visibility : hidden;
	margin-top : -1vw;
    height : 12vw;
    width : 12vw;
    border-radius : 6vw;
    background-color : rgb(20, 20, 20);
}

div.date_value {
	margin-top : -8vw;
	color : rgb(80, 80, 80);
}

textarea {
	border-color : rgb(60, 60, 60);
	background-color : rgb(35, 35, 35);
	color : grey;
	width : 90vw;
	height : 20vw;
	padding : 2vw;
	font-family : Avenir;
	font-size : 3.5vw;
}

textarea#description {
	height : 45vw;
}


/********************************* DONATION *********************************/


		a#donation_title {
			left : 22vw;
		}

		img.donation_thumbnail {
			margin-top : 12vw;
			margin-left : 26vw;
			width : 28vw;
		}

}