#script {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 615px;
    font-size: 16px;
    line-height: 16px;
    font-family: "Courier Prime", "Courier New", monospace;
    word-wrap: break-word;
    background-color: white;
    padding: 1em 0em 2em 0em;
}

@media screen and (max-width: 615px) {
    #script {
        margin-left: 0;
        margin-right: 0;
        padding: 1em 1em 2em 1em;
    }
}

.Slugline { font-weight: bold; }

.Action, .Slugline, .Shot, .Act, .Transition, .Text, .Character, .Paren, .Dialog {
    white-space: pre-wrap;
}


.Slugline, .Shot, .Act, .Transition, .Character  { text-transform: uppercase; }
.Act { text-align: center; text-decoration: underline; }

.Action, .Text, .Act, .Slugline, .Shot, .Transition { margin-top: 1em; max-width: 615px; width: 100%; }
.Character { margin-top: 1em; max-width: 385px; }
.Slugline, .Shot, .Transition, .Discussion { margin-top: 2em; }
/*.Transition { text-align: right; }*/
.Paren { margin-left: 15%; max-width: 245px; }
.Dialog { max-width: 355px; }

.Character { margin-left: 34%; }
.Paren { margin-left: 23.5%; margin-right: 15%; }
.Dialog { margin-left: 17%; margin-right: 10%; }

.Clear { clear: both; }
.Dual { float: left; width: 48%; }
.Left { padding-right: 2%; }
.Right { padding-right: 2%; }

.Dual .Character { margin-left: 0; text-align: center; }
.Dual .Paren { margin-left: 9%; margin-right: 9%; }
.Dual .Dialog { margin-left: 0; margin-right: 0; }

.page_num {
    text-align: right;
    height: 0px;
    top: -12px;
    position: relative;
}