html, body{
    font-family:"Courier New", Courier, mono;
    font-size:15px;
    line-height:1.5;
    height:100%;
}

html{overflow-x:hidden}

/* make images more responsive when in content */
.w3-content img {
    width: 100%;
    margin: 0px
}

/* getting a self-hosted iframe to go 100% width */
.wrapper {
    width:100%;
    max-width: 600px;
    height:100%;
    margin:0 auto;
    /* background:#CCC */
}
.h_iframe        {
    position:relative;
    padding-top: 56%;
}
.h_iframe iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;}

/* pad text left and right so it isn't right next to the edge when the
   screen is small (the three column layout collapses on a small
   screen so the content column is the full screen width) */
@media (max-width:601px) {
    .w3-content p, .w3-content h1, .w3-content h2 {
	padding: 0px 4vw;
    }
}

/* The container for the whole web site with the exercise book
   background */

.soph-content, .soph-auto {
    margin-left:auto;
    margin-right:auto;
    background-image:url("images/paper2.gif");
}

.soph-content{max-width:980px}
.soph-auto{max-width:1140px}


.big	{
	font-family: "Courier New", Courier, mono; 
	font-size: 18px;
	font-weight:bold 
	}

.small	{
	font-family: "Courier New", Courier, mono; 
	font-size: 9px;
	}
	
.rightalign   {
	text-align: right;
	}
	
.justify
	{
	text-align: justify;
	}
	
a:link 	{
	text-decoration: none; 
	color: #000099
	}

a:visited {
	text-decoration: none;
	color: #990000}

a:hover 	{
	text-decoration: underline;
	color: #990000
	}