* { box-sizing: border-box; }

.contain {
	width: 80%;
  margin: 0 auto;
}

.header h1 {
	text-align: center;
  margin-bottom: 40px;
}

.image img {
  width: 100%;
}

.column {
  display: inline-block;
  float: left;
  width: 33%;
  padding-right: 20px;
}

.main-text {
  clear: both;
  padding-top: 60px;
  padding: 10px 20px 20px 10px;
}

body {
  background-color: #240005;
  color: #1665a6;
}

body {
  position: relative;
}

.skill {
  background-color: #2a3241;
  color: #fce373;
  padding-bottom: 20px
}

.skill ul {
  margin-left: 50px;
}

/*Typography*/
h1,
h2,
h3 {
  font-family: Futura, Helvetica, Arial, sans-serif;
}

body p {
  font-family: Futura, Helvetica, Arial, sans-serif;
}

li {
  font-family: Georgia, Times, serif;
}

.intro p {
  font-family: Futura, Helvetica, Arial, sans-serif;
  font-size: 3em;
  font-weight: 100;
}

.skill h3 {
  text-align: center;
  text-transform: uppercase;
}

/*navigation*/

.nav {
  z-index: 1;
}

.nav ul li {
  display: inline-block;
  background-color: #fce373;
  border-radius: 15px;
  padding: 10px 50px;
}

.nav ul li a {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #1665a6;
  text-decoration: none;
}

.nav ul {
  float: right;
}

.nav a:hover {
  color: #000;
}faa

.projectName {
    text-transform: uppercase;
}

.projectName a {
    color: white;
}

.navbar {
  height: 60px;
  text-align: right;
}

.navbar ul {
  padding: 5px;
  margin: 0;
}

.navbar-nav a {
  color: white;
  transition: color 400ms ease;
}

.navbar-nav a:hover {
  color: #fce373;
  text-decoration: none;
}

.navbar-brand {
  padding: 10px 0 10px 20px;
}

.navbar-toggle .icon-bar {
  position: relative;
  transition: all 400ms ease-in-out;
}

.anchor {
  padding-top: 50px;
}

#contact{
    background-image: url("../img/nicks-background.jpg");
/*Add a background image*/
/*Give the background a fixed position does it not scroll when you scroll*/
    background-size: cover;
/*Have the background cover the entire div section*/
    color: white;
/*Change the color of the text on top so it is readable and adjust the padding as needed.*/
    padding:150px;
    padding-top: 50px;
    height: 900px;
}

.form-control{
    width: 100%;
}

/*footer*/

footer {
  position: absolute;
  display: block;
  height: 60px;
  width: 100%;
  background-color: #fce373;
  border-top: 1px solid #000;
  padding: 15px;
}

footer a:hover {
  text-decoration: none;
}

/**** Social ****/
.twitter-follow-button {
  float: right;
}

#fb {
  float: right;
}

/**** Modal button ****/
.learn-more {
  text-align: left;
  float: left;
}

.modal-button {
  float: right;
  padding: 15px;
}

#modalembed {
    height: auto;
    width: 100%;
    padding: 10px;
}

/**** work ****/
.work-img {
  display: block; /* needed to center the element with margin */
  margin: auto; /* center the image inside the column if it's smaller */
  max-width: 200px; /* needs to be set to the width of your image files if they are relatively small */
  position: relative; /* is needed for .info position: absolute to work */
}
.info {
  position: absolute; /* let's us move the text around and not worry about the image */
  top: 15%; /* position the text 15% away from the top */
  left: 22%;
  color:#fff;
  font-family:Futura;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:0.5em;
  line-height:1.6;
  display: none;
}
.proj-title {
  font-weight:100;
}

/*** map ***/
  #map {
    height: 350px;
    width: 100%;
  }
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
/*** menu ***/

.menu-body {
  max-width: 680px;
  margin: 0 auto;
  display: block;
  color: rgb(213, 213, 213);
}

.menu-section {
  margin-bottom: 80px;
}

.menu-section-title {
  font-family: georgia;
  font-size: 20px;
  display: block;
  font-weight:normal;
  margin: 10px 0; 
  text-align: Center;
  color: rgb(255, 0, 0);
}

.menu-item {
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.3em;
}

.menu-item-name{
  font-family: helvetica;
  font-weight: bold;
  border-bottom: 2px dotted rgb(63, 63, 63);
}

.menu-item-description {
  font-style: italic;
  font-size: .7em;
  line-height: 1.3em;
}

.menu-item-price{
  float: right;
  font-weight: bold;
  font-family: arial;
  margin-top: -22px;
}