.overlay {
            position: fixed;
			width: 100%; 
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
              top: 0; 
              left: 0;
              right: 0;
              bottom: 0;
              z-index:1000;
           }
  .overlay-bg{
	  background-color: white;
	   
	  font-size: 20px;
	  
	  
  }
 
 
  .overlay-content {
            position: absolute;
            top: 45%;
            left: 50%;
             transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
          width: 100%;
            text-align: center;
            max-width: 590px;
			line-height:1;
			overflow: hidden;
          }

  .button-close { 
          max-width: 800px;
          width: 100%;
          margin: 0 auto;
          color: #FFF;
          text-align: left;
          display: block;
          font-size: 24px;
          font-weight: bold;
          cursor: pointer;
          }

    .overlay-content img { 
              max-width: 100%;
              }
	.overlay-span{ color: #266740; 
		font-size:23px;
	}
	.overlay-text{
		text-align: justify;
	}

	.overlay-table{
		
		width:100%;
	}
	.overlay-margin{
		margin-left:2em;
		
	}
	.overlay-box{
		margin: 50px 50px 25px 50px;
		line-height:28px;		
	}
	.float-td{
		float:right;
		
	}
	.close-btn{
	    text-align: center;
		float:right;
	}
	 .tittle-td:after {
    display: inline-block;
    content: ":";
    float: right;
	
	 }
	.row-btn{
			display:flow-root;
		
	}

	.overlay-box a{
    text-decoration:none;
	}
	.overlay-box a, .overlay-box a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:#006600;
	}
	.row a{
    text-decoration:none;
	}
	.row a, .row a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    /*color:#1b4b2e;*/
	}
	

@media (max-width: 991px){
	
	 .overlay-content {
            position: fixed;
            top: 45%;
            left: 50%;
             transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
           width:calc(100% - 20px);
            text-align: center;
            max-width: 530px;
			height: 450px;
			
			overflow-y:scroll;
          }
	.overlay-span{ color: #266740; 
		font-size:23px;
	}
	
	
	.overlay-box{
		margin: 0px 20px 0px 20px;
		text-align: left;
	}
	.float-td{
		text-align: center;
		padding: 10px;
		border: 1px solid black;
	}	
	.close-btn{
	    text-align: center;
		padding: 10px;
		
	}
	.sec-td{
		
		padding-top: 20px;
    padding-bottom: 20px;
	}
	 .tittle-td:after {
    display:contents;
    content: ":";
	
    
	 }
	
	
	
}


	
@media (max-width: 767px) {
	
	 .overlay-content {
            position: fixed;
            top: 45%;
            left: 50%;
             transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
           width:calc(100% - 20px);
            text-align: center;
            max-width: 530px;
			height: 450px;
			
			overflow-y:scroll;
          }
	.overlay-span{ color: #266740; 
		font-size:23px;
	}
	
	
	.overlay-box{
		margin: 0px 20px 0px 20px;
		text-align: left;
	}
	.float-td{
		text-align: center;
		padding: 10px;
		border: 1px solid black;
	}	
	.close-btn{
	    text-align: center;
		padding: 10px;
		
	}
	.sec-td{
	padding-top: 20px;
    padding-bottom: 20px;
	}
		.tittle-td{
		
		text-align: left;
	}
}
@media print{
  
.overlay-content {
            position: fixed;
            top: 45%;
            left: 50%;
             transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
           width:calc(100% - 20px);
            text-align: center;
            max-width: 500px;
			height: auto;
			
			overflow-y:hidden;
          }
}