JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Reservations</title>
<meta charset="utf-8" />
<link href="pacific.css" rel="stylesheet" />
<link href="pacificmobile.css" rel="stylesheet" media="only screen and (max-device-width: 480px)" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
</head>
<body>

<div id="wrapper">
   <h1>Pacific Trails Resort</h1>
   <div id="nav">
      <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="yurts.html">Yurts</a></li>
         <li><a href="activities.html">Activities</a></li>
         <li><a href="reservations.html">Reservations</a></li>
      </ul> 
   </div>
   
   <div id="content">
     <h2>Reservations at Pacific Trails</h2>
     <h3>Contact Us</h3>
<form method="post" action="http://webdevbasics.net/scripts/pacific.php">
</form>
<form>
	<label for="myFname">First Name: </label>
	<input type="text" name="myFName" id="myFName">
    <label for="myLName">Last Name: </label>
	<input type="text" name="myLName" id="myLName">
    <label for="myEmail">E-mail: </label>
	<input type="text" name="myEmail" id="myEmail">
    <label for="myPhone">Phone: </label>
	<input type="text" name="myPhone" id="myPhone">
    <label for="myComments">Comments: </label>
	<textarea name="myComments" id="myComments" rows="2" cols="20"> </textarea>
    <input id="mysubmit" type="submit" value="Submit">
</form>
      <div class="clear">Pacific Trails Resort<br />
        12010 Pacific Trails Road<br />
        Zephyr, CA 95555<br /><br />
        <a id="mobile" href="tel:888-555-5555">888-555-5555</a>
        <span id="desktop">888-555-5555</span><br /><br />
     </div>
      <div id="footer">Copyright &copy; 2013 Pacific Trails Resort<br />
         <a href="mailto:[email protected]">[email protected]</a>
      </div>
   </div>
</div>
</body>
</html>

CSS

body { 
   background-color: #FFFFFF;
   background-image: url(background.jpg);
   color: #666666;
   font-family: Verdana,Arial, sans-serif;
}

#wrapper {
   margin-left: auto;
   margin-right: auto;
   width: 80%;  
	background-color: #90C7E3;
	min-width: 960px;
	-webkit-box-shadow: 5px 5px 5px #828282;
	-moz-box-shadow: 5px 5px 5px #828282;
	box-shadow: 5px 5px 5px #828282;
}
           
#content {
   padding-left: 20px;
   padding-right: 20px; 
	padding-top: 1px;
	background-color: #FFFFFF;
	margin-left: 160px; 
}

#content img {
   float: left;
   padding-right: 20px;
}

#content ul {
   list-style-position: inside;
}

h1 {
   background-color: #000033;   
   background-image: url(sunset.jpg);
	background-repeat: no-repeat;
	background-position: right;
   color: #FFFFFF;
   line-height: 200%;
	height: 72px;
	font-family: Georgia, serif;
	padding-left: 20px;
	margin-bottom: 0;
}

h2 {
   color: #3399CC;
   font-family: Georgia, serif;
	}

h3 {
   color: #000033;
}

#nav {
   font-weight: bold;
   float: left;
   width: 160px;
   padding: 20px 5px 5px 20px; 
}
 
#nav a {
   text-decoration: none; 
}
	   
#nav a:link {
   color: #000033; 
}

#nav a:visited {
   color: #344873; 
}

#nav a:hover {
   color: #FFFFFF; 
}

#nav ul {
   list-style-type: none;
   margin: 0;
   padding-left: 0; 
}

dt {
   color: #000033; 
}

.resort {
   color: #000033;
	font-size: 1.2em;
}

#footer {
  font-size: .70em;
  font-style: italic;
  text-align: center;
	padding: 10px;
}

.clear {
   clear: both;
   padding-top: 10px;
}

#mobile {
   display: none; 
}
 
#desktop {
   display: inline; 
}

table {
   width: 600px;
   margin: auto;
   border: 1px solid #3399cc;
   border-spacing: 0; 
}

th, td { 
   padding: 5px;
   border: 1px solid #3399cc; 
}

td { 
   text-align: center; 
}

.text {
   text-align: left; 
}

tr:nth-of-type(even) { 
   background-color: #f5fafc; 
}

label { Float: left; 
		width: 120px;
		display: block;
		text-align: right; 
		padding-right: 10px 
}

input,...