.courier-prime-regular {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: normal;
}

.courier-prime-bold {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: italic;
}

.play-title {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3em;
    margin-top: 20px; 	
}
.play-сharacter {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1.1em;
    margin-left: 300px;
    margin-top: 20px; 	
}
.play-dialog {
	font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
	font-size: 1.1em;
    width: 380px;
    text-align: left;
    margin-left: 150px; 	
}
.play-description {
	font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
	font-size: 1.1em;
    margin-top: 20px;
    width: 80%;	
}
.play-remark {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    width: 280px;
    margin-left: 20px; 	
}

@media all and (max-width:850px) {
    .play-description {
         width: 100%;	  
    }		
	
}

@media all and (max-width:700px) {
    .play-description {
		width: 100%;	
    }
    .play-dialog {
        margin-left: 25px;
		width: 350px;
      	
    }	
	.play-сharacter {
		margin-left: 70px;
	}
}
@media all and (max-width:430px) {
    .play-dialog {
        margin-left: 20px;
		width: 300px;     	
    }		
}