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

.modal-content {
	width: 30%;
	padding-top: 30px;
	padding-bottom: 20px;
	position: fixed;
	display: none;
	z-index: 100;
	opacity: 0.9;
	color: #FFFFFF;
	font-size: small;
	line-height: 23px;
	letter-spacing: 1px;
	background-image: url(../images/back-style.jpg);
	background-position: center center;
	background-repeat: repeat-y;
	/* left: 0px; */
}
 
.modal-content-innar{
 margin:0 auto;
 width:90%;
}
  
.modal-overlay {
	z-index: 5;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
	opacity: 1;
}

.button-link {
 color: #00f ;
 text-decoration: underline ;
}
 
.button-link:hover {
 cursor: pointer ;
 color: #f00 ;
}

@media (max-width: 768px) {
    .modal-content {
        width: 86%;
        padding-top: 30px;
        padding-bottom: 20px;
        position: fixed;
        display: none;
        z-index: 100;
        margin-left: 0px;
        margin-right: auto;
        opacity: 0.9;
        color: #FFFFFF;
        font-size: small;
        line-height: 23px;
        letter-spacing: 1px;
        background-image: url(../images/back-style.jpg);
        background-position: center center;
        background-repeat: repeat-y;
        /*left: 0px;
        right: 0px;*/
    }	
}