body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
#container {
  margin-top: 60px;
  margin-bottom: auto;
  padding: 10px;
  margin-left: 135px;
  margin-right: auto;
  width: 100%;
  line-height: 150%;
}
#Contact2 {
position: fixed;
top: 145px;
left: 730px;
font-family: "Optima";
margin-top: 10px;
margin-bottom: 10px;
max-width: 100% ;
}
#nav {
  font-family: "Source Sans Pro";
  color: #707070;
  font-size: 28;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  display: inline;
  margin-left: auto ;
  float: left;
  max-width: 100%;
}
#nav a {
  margin-right: 5px;
  padding-left: 2px;
  color: #707070;
  text-decoration: none;
}
#nav a:hover {
  color: #A61B1B;
}
#nav .push {
  padding-left: 15px;
}
.gap {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 10px;
  height: 50px;
  max-width: 100%;
}
#main {
  display: inline;
  float: left;
  width: 482px;
  max-width: 100%;
  font-family: "Optima";
  font-size: 18;
  color: #00000F;
  margin-left: auto ;
}
#main a {
  text-decoration: none;
  color: #A61B1B; 
  padding-bottom: 0px;
}
#main a:hover {
  color: #A61B1B;
}
#main .extra {
  padding-top: 20px;
}
#main p {
  font-size: .8em;
  font-family: "Optima";
  padding-right: 0px;
  line-height: 125%;
}
#text {
    width: 465px;
}
#name {
    font-size: 38;
}
#Contact3 {
    font-size: 18;
}
img {
    height: 270px;
    max-width: 100%;
}
.fa {
  padding: 2px;
  font-size: 30px;
  width: 30px;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1em;
}

@viewport {
  width: 100vw;
  zoom: 1.0 ;
}

@media screen and (max-width: 667px) {
  #container {
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
    float: none;
    width: auto;
    align-items: stretch ;
    flex-flow: column wrap ;
  }
  #main {
      order: 2 ;
      width: 100%;
      display: flex ;
    align-items: stretch ;
    flex-flow: column wrap ;
    font-size: 5vw;
  }
  #text {
    width: 100%;
}
  #nav {
        order: 1 ;
		position: static ;
		top: auto ;
		left: auto ;
		width: 100% ;
		margin-left: auto ;
		margin-right: auto ;
		font-size: 5vw;
  }
  #Contact2 {
      order: 3 ;
      position: static ;
		margin-top: auto ;
		top: auto ;
		left: 0px ;
		width: 100% ;
		font-size: 5vw;
	}
 img {
  width: 93% ;
  max-width: 100% ;
  height: 100% ;
}
 #name {
     font-size: 8vw;
 }
 #Contact3 {
     font-size: 5vw;
 }
}