@charset "UTF-8";
/* CSS Document */

/*DIALOG*/
#dialog {
	display: none;	
    z-index:9999;
	background-color:white;
	width:90%;
	max-width:960px;
	height: auto;
	position:fixed;
	padding:50px 50px;
	max-height:96%;
	overflow:auto;
	box-sizing:border-box;
}

#dialog.small {
	max-width:450px;

}
#dialog.medium {
	max-width:650px;

}

#overlay {	
	display: none;
	overflow-y:auto;	
	position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, 0.85);
    z-index:9998;
    color:white;
}

#dialog .dialog-content {
	width:100%;
	display:block;
	float:none;
}

#dialog #close-button {
	float:right;	
	cursor:pointer;
	transition:color ease-in-out 0.5s;
	color:#f0f;	
	max-width:580px;
	text-align:right;
	margin-right: -20px;
	margin-top:-40px;
	z-index:200;
	position:relative;

}

#dialog #close-button:hover {
	color:#222;
	transition:color ease-in-out 0.5s;
}


/* MEDIA QUERIES SCREEN */

@media only screen and (max-width: 1279px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {


}

/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

/* DIALOG */
#dialog {
	padding:25px;
	overflow-y:auto;
}

#close-button {
	width:85%;
	max-width: 600px;
	margin-top:-20px;
}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) iPhone Portrait*/
@media only screen and (max-width: 479px) {
	
/* DIALOG */
#logo img {
	width:100% !important;
	height:auto !important;
}

#close-button {
	width:82%;
	max-width: 600px;
	margin-top:-20px;
}

}