.sample-window {
	width: 350px;
	padding: 5px;
	border: 2px solid #186db4;
	background-color: #fff;
	display: none;
}
.plainmodal-close {
	cursor: pointer;
}
.sample-window .plainmodal-close {
	display: inline-block;
	padding: 1px 3px;
	color: #fff;
	background-color: #224388;
}
.sample-window .plainmodal-close:hover {
}
.sample-button {
	width: 240px;
	margin: 0px;
	padding: 3px 0;
	border-radius: 3px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.sample-button:hover {
}
#demo {
	width: auto;
	padding: 10px;
	color: #fff;
	border: 5px solid #ebad23;
	border-radius: 10px;
	background-color: rgba(235, 173, 35, 0.5);
	display: none;
	font-family: 'Georgia', serif;
}
#demo img {
	padding: 0px !important;
	border-radius: 10px !important;
	width: 600px;
	height: auto;
}
#demo:after { /* clearfix */
	content: "";
	clear: both;
	display: block;
}
#demo p {
	font-size: 18px;
}
#demo .sample-head {
	margin: 0 0 15px;
	font-size: 36px;
	font-weight: bold;
}
#demo img {
	float: left;
	margin-right: 0px;
	box-shadow: none;
}
#demo .plainmodal-close, .fly_calendar .modalDialog a.close {
	position: absolute;
	width: 35px;
	height: 35px;
	right: -25px;
	top: -25px;
	background-image: url(../images/icons/close.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #fff;
	box-shadow: 1px 1px 2px #fff, 0 0 25px #fff, 0 0 5px #fff;
	border-radius: 25px;
	opacity: 1;
}
#demo .plainmodal-close:hover, .fly_calendar .modalDialog a.close:hover {
	background: url(../images/icons/close_hover.png);
	box-shadow: 1px 1px 2px #ff0000, 0 0 25px #ff0000, 0 0 5px #ff0000;
	background-color: #ff0000;
}



.modalDialog {
        position: fixed;
        font-family: Arial, Helvetica, sans-serif;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(74, 2, 13, 0.6);
        z-index: 99999;
        /*opacity:0;*/
		display: none;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }
.modalDialog img {
	padding: 0px !important;
	border-radius: 10px !important;
	width: 100%;
	height: auto;
}

    .modalDialog:target {
        /*opacity:1;*/
		display: block;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 50%;
        position: relative;
        margin: 5% auto;
        padding: 5px 20px 13px 20px;
	border: 5px solid #ebad23;
	border-radius: 10px;
	background-color: rgba(235, 173, 35, 0.5);
    }
    
    
    
    .font_size {
     font-size:70px;
     padding-top:150px;
    }
    
    
    
    @media screen and (min-width: 320px) {
  .font_size {
       padding-top:50px;
    font-size: calc(30px + 6 * ((100vw - 320px) / 680));
  }
}