div.page {
    margin:10%;
    margin-top:2%;
    border: 5px solid black;
    
    background: white;
}

p.page-no {
    text-align: center;
}

div.frame2 {
    margin: 1%;
    border: 1px solid black;
    
    width: auto;
    width: 47.5%;
    
    float:left;
}

div.frame3 {
    margin: 1%;
    border: 1px solid black;
    
    width: auto;
    width: 30.5%;
    
    float:left;
}

div.frame4 {
    margin: 1%;
    border: 1px solid black;
    
    width: auto;
    width: 36.5%;
    
    float:left;
}

div.frame5 {
    margin: 1%;
    border: 1px solid black;
    
    width: auto;
    width: 57.5%;
    
    float:left;
}

div.frame9 {
    margin: 1%;
    border: 1px solid black;
    
    width: auto;
    width: 98%;
    
    float:none;
}

div.col4 {
    display: block;
    margin: 1%;
    
    width: auto;
    width: 36.5%;
    
    float:left;
}

div.col2 {
    display: block;
    margin: 1%;
    
    width: auto;
    width: 47.5%;
    
    float:left;
}

div.frame9-top {
    margin: 0%;
    border: 1px solid black;
    
    width: auto;
    width: 98%;
    
    float:left;
}

div.frame9-bottom {
    width: auto;
    width: 98%;
    
    margin-top: 6%;
    border: 1px solid black;
    
    float:left;
}

img.picture {
    width: auto;
    width: 100%;
} 

div.row {
    width: auto;
    width: 100%;
    display: table;
}

div.row h1 {
    font-family: "Brush Script MT", "Lucida Handwriting", cursive;
    float: left;
}

div.row h2 {
    font-family: "Brush Script MT", "Lucida Handwriting", cursive;
    float: right;
}


@media print {
    div.page {
        page-break-inside: avoid;
        margin:8%;
    }
}

@media only screen and (max-width: 768px) {
} 

@media only screen and (max-width: 600px) {
    div.frame2, div.frame4, div.frame5, div.col2, div.col4 {
        width: auto;
        width: 98%;
    }

}