@CHARSET "ISO-8859-1";

body {
	font-size: 140%;
	padding: 0 !important;
}
.modal-dialog {
	width:50%;
}

.background-blur-image {
	height: 100%;
	width: 100%;
	-webkit-filter: blur(50px);
	  -moz-filter: blur(50px);
	  -o-filter: blur(50px);
	  -ms-filter: blur(50px);
	  filter: blur(50px);
	  position: fixed;
	  overflow: hidden;
    background-size: cover;
    background-position: center;
}

div.title-top {
	font-size: 1.4rem;
	font-weight: bold;  
	text-align: center;
}

div.title-bottom {
	font-size: 2.15rem;  
	font-weight: bold;  
	font-style: italic;  
	text-align: center;
}

div.button-container {
	margin-bottom: 2.15rem;
	margin-top: 2.15rem;
}
 div.button-container>a.btn {
	 padding-left: 2.15rem;
	 padding-right: 2.15rem;
	 font-size: 1.6rem;
	}

div.alert-message-container, div.access-code-container {
	margin-bottom: 2.15rem;
	margin-top: 2.15rem;
	color: #999999;
}

div.alert-message {
	text-align:center;
}

input#ac {
	width: 100%;
	padding: 0.75rem;
	text-align: center;
}

div.contact-container {
	margin-bottom: 2.15rem;
	margin-top: 2.15rem;
	color: #999999;
	text-align: center;
}

#address-invalid-container {
	font-size: 2.15rem;  
	font-weight: bold;  
	font-style: italic;  
	text-align: center;
}

/* smartphones landscape*/
@media only screen 
and (min-width : 320px) 
and (max-width : 736px) 
 { 
	.modal-dialog {
		width: 95% !important;
		margin-left: 2.5% !important;
		/*height: 90% !important;
		margin-top: 5% !important;*/
	}

	body {
		font-size: 62.5%;
		padding: 0 !important;
	}

	body.modal-open {
		height: 120vh;
	}
	.modal-header {
		height: 0px;
		padding: 0px;
		min-height: 0px;
	}

	div.alert-message-container, div.access-code-container  {
		font-size: 1.1rem;
		width: 98%;
		margin: 4% 1% 1% 1%;
	}

	div.alert-message-container {
		margin-top: 2%;
	}

	div.button-container>a.btn {
	 font-size: 1.1rem;
	 
	}
	div.button-container {
		margin-bottom: 0;
	}
}