@media (orientation: landscape) {
.button {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:16px 7px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
}
.button:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button:active {
	position:relative;
	top:1px;
}

input[type="date"]{
     width: 30vw;
     height: 5vh;
     position:relative;
     text-align: center;
     
}
.button_mal {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin-left: 20px;
}
.button_mal:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_mal:active {
	position:relative;
	top:1px;
}

.button_mal_pod {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin-left: 40px;
}
.button_mal_pod:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_mal_pod:active {
	position:relative;
	top:1px;
}

.button_date {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        position:relative;
        margin-left: 1%;
}
.button_date:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_date:active {
	position:relative;
	top:1px;
}


}

@media (orientation: portrait) {
.button {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:6vw;
	font-weight:bold;
	padding:16px 7px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
}
.button:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button:active {
	position:relative;
	top:1px;
}


.button_mal {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:5vw;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin-left: 20px;
}
.button_mal:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_mal:active {
	position:relative;
	top:1px;
}

.button_mal_pod {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:5vw;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin-left: 40px;
}
.button_mal_pod:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_mal_pod:active {
	position:relative;
	top:1px;
}

.button_date {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:8vw;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        position:relative;
        margin-left: 1%;
}
.button_date:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
.button_date:active {
	position:relative;
	top:1px;
}

input[type="date"]{
     width: 50vw;
     /*height: 5vh;*/
     font-size:8vw;
     position:relative;
     
     margin-bottom: 5px;

     
}
}
body {
    background: url(/images/background.jpg) ;         
}