.body        {font-family: arial;
             font-size: 88pt;
             font-style: normal;
             color: black;}

.sold        {font-family: Times;
             font-size: 10pt;
             margin-bottom: 0;
			 margin-top: 0;
			 font-style: normal;
             color: #FF0000;}

.copy        {font-family: Times;
             font-size: 10pt;
             margin-bottom: 0;
			 margin-top: 0;
			 font-style: normal;
             color: black;}
             
p           {margin-top: 20;
            margin-bottom: 20;
            font-family: arial;
            font-size:10vw
            font-style: normal;
            color: black;}							

ul          {font-family: arial;
            font-size: 16pt;
            font-style: normal;
            color: Black;}
					
ol          {font-family: arial;
            font-size: 16pt;
            font-style: normal;
            color: Black;}

h1          {font-family: arial;
            font-size: 10pt;
	     	color: black;}

h2          {font-family: arial;
            font-size:10vw
	     	color: black;
			text-decoration: none;}

h3          {font-family: arial;
            font-size: 16pt;
            font-style: normal;
	     	color: black;}

a			{font-family: arial;
  			font-size:10vw
            font-style: bold;
			color: #666666; 
			text-decoration: none;}
			
a:visited   {color: #666666;
			font-family: arial;
  			font-size: 16pt;
            font-style: bold;}

a:hover     {color: #60BEF2; 
			font-family: arial;
  			font-size: 16pt;
            font-style: bold;
			text-decoration: underline;}

.text       {font-family: Arial;
            font-size: 16pt;
            font-style: normal;
			margin-bottom: 10pt;
	     	color: #666666;}

.left, .right {
  float: left;
  width: 20%; /* The width is 20%, by default */
}

.main {
  float: left;
  width: 60%; /* The width is 60%, by default */
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}	 

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
}