#contact
{
 width: 100%;
    background-color: rgba(0, 0, 0, .4);

    padding-top: 10px;
    padding-bottom: 10px;
	
	margin-top: 20px;
    margin-bottom: 20px;
}

#about
{
	 width: 100%;
    background-color: rgba(0, 0, 0, .4);

    padding-top: 100px;
    padding-bottom: 100px;
	
	margin-top: 20px;
    margin-bottom: 20px;
}

.serviceList li
{
	float: none;
}


/* #Base 1200 Grid
================================================== */
    .container                                  { width: 1200px; margin: 0 auto; padding: 0; position: relative; }
    .column, .columns                           { margin-left: 5px; margin-right: 5px; float: left; display: inline; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
	.column.alpha.omega, .columns.alpha.omega   { margin-left: 0; margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; text-align: center;  }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; text-align: center; }

	.container .one-fifth.column                { width: 220px; }
	
    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 380px; }
    .container .offset-by-six                   { padding-left: 455px; }
    .container .offset-by-seven                 { padding-left: 530px; }
    .container .offset-by-eight                 { padding-left: 605px; }
    .container .offset-by-nine                  { padding-left: 680px; }
    .container .offset-by-ten                   { padding-left: 755px; }
    .container .offset-by-eleven                { padding-left: 830px; }
    .container .offset-by-twelve                { padding-left: 905px; }
    .container .offset-by-thirteen              { padding-left: 980px; }
    .container .offset-by-fourteen              { padding-left: 1055px; }
    .container .offset-by-fifteen               { padding-left: 1130px; }



/* #Base 960 Grid
================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container                                  { width: 960px; }
    .column, .columns                           { margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }
	
	.container .one-fifth.column                { width: 172px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
 }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; text-align: center; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; text-align: center;}
		
		.container .one-fifth.column                { width: 133px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
		.container .one-fifth.column,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	
	*:focus {  
outline: none;
}

/* remove dotted outline from links, button and input element */
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
outline: 0;
}

a {
text-decoration: none;
outline: none;
}

a:hover {
color: #fff;
text-decoration: none;
}

p a {
text-decoration: none;
outline: none;
color: white;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

p a:hover {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

::-moz-selection { background: #555; color: #fff;      /* Firefox */ }
     ::selection { background: #555; color: #fff;      /* Safari */  }


.upper-page {
min-height: 100%;
margin: 0;
padding: 0;
background: none;
}

.upper-content {
margin: 0 auto;
padding: 0;
}

.lower-page {
min-height: 100%;
margin: 0;
padding: 0;
}

.lower-content {
margin: 0 auto;
color: #fff;
}

.lower-content p {
margin: 0 auto;
padding: 10px;
color: #fff;
text-align: center;
}

.center {
margin: 0 auto;
position: relative;
z-index: 2;
}


.awesome {
font-size: 30px;
}

.about-column-full, .services-column-full {
padding: 30px 0 30px 0;
}

.about-column, .services-column {
padding: 0 0 30px 0;
}

.contact-column {
padding: 30px 0 10px 0;
}

h1 {
font-family: 'Oswald', sans-serif;
font-size: 70px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
text-align: center;
color: #fff;
margin: 0;
padding: 0;
line-height: 1;
position: relative;
z-index: 2;
}

h2 {
font-family: 'Oswald', sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
text-align: center;
color: #fff;
margin: 0;
padding: 20px 0 10px 0;
line-height: 1;
}

h4 {
font-family: 'Oswald', sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 5px 0 0 0;
line-height: 1.5;
}


/* contact form */
#contact form {
width: 100%;
margin: 30px auto 40px auto;
}

form {
margin: 0 auto;
padding: 0;
display: block;
}

input {
position: relative;
width: 100%;
height: 20px;
border: 1px solid #fff;
line-height: 30px;
padding: 5px 5px;
background: none;
margin: 5px;
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
        transition: all 0.3s;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #fff;
}

#form input {
width: 98%;
}

#form textarea {
width: 98%;
}

textarea {
position: relative;
width: 100%;
height: 75px;
border: 1px solid #fff;
line-height: 30px;
padding: 5px 5px;
background: none;
margin: 5px;
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
        transition: all 0.3s;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #fff;
} 

input:hover,
textarea:hover{
border-color: rgba(255,255,255,0.5);
}

#form input:focus,
#form textarea:focus {
-webkit-animation: glow 900ms ease-out infinite alternate;
   -moz-animation: glow 900ms ease-out infinite alternate;
    -ms-animation: glow 900ms ease-out infinite alternate;
     -o-animation: glow 900ms ease-out infinite alternate;
        animation: glow 900ms ease-out infinite alternate;
}

.submit {
position: relative;
width: 45%;
border: 1px solid #fff;
padding: 5px 35px;
background: none;
font-family: 'Oswald', sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-align: center;
line-height: 30px;
color: #fff;
text-shadow: 1px 1px 2px #000;
margin: 5px 5px 0 5px;
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
        transition: all 0.3s;
}

.submit:hover {
color: #fff;
}

.submit:hover:after,
.submit:active:after {
height: 100%;
}

.submit:after {
position: absolute;
width: 100%;
height: 0;
top: 0;
left: 0;
content: '';
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
        transition: all 0.3s;
z-index: -1;
}

.success {
font-family: 'Oswald', sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
padding: 30px 0 30px 0;
line-height: 1;
}

#form .error {
font-size: 10px;
text-transform: uppercase;
text-align: center;
display: block;
margin: 0;
padding: 0;
}


@-webkit-keyframes glow {
    0% {
		box-shadow: 0 0 5px rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,0.1)
		}	
    100% {
		box-shadow: 0 0 20px rgba(255,255,255,0.6), inset 0 0 10px rgba(255,255,255,0.4)
		}
}
@-moz-keyframes glow {
    0% {
		box-shadow: 0 0 5px rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,0.1)
    }	
    100% {
		box-shadow: 0 0 20px rgba(255,255,255,0.6), inset 0 0 10px rgba(255,255,255,0.4)
    }
}
@-o-keyframes glow {
    0% {
		box-shadow: 0 0 5px rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,0.1)
    }	
    100% {
		box-shadow: 0 0 20px rgba(255,255,255,0.6), inset 0 0 10px rgba(255,255,255,0.4)
    }
}
@-ms-keyframes glow {
    0% {
		box-shadow: 0 0 5px rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,0.1)
    }	
    100% {
		box-shadow: 0 0 20px rgba(255,255,255,0.6), inset 0 0 10px rgba(255,255,255,0.4)
    }
}
@keyframes glow {
    0% {
		box-shadow: 0 0 5px rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,0.1)
    }	
    100% {
		box-shadow: 0 0 20px rgba(255,255,255,0.6), inset 0 0 10px rgba(255,255,255,0.4)
    }
}

::-webkit-input-placeholder {
font-style: normal;
color: #fff;
}

::-moz-placeholder {
font-style: normal;
color: #fff;
}

:-ms-input-placeholder {
font-style: normal;
color: #fff;
}

input:-moz-placeholder {
font-style: normal;
color: #fff;
}

.submitButtomContainer
{
	text-align: center;
}
.info
{
	text-align: center;
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
  .hamburger-icon-1 {  
	display: inline-block;
	}
	
	nav
	{
		display: none;
  }
  
  .machinesContainer
  {
    width: 100%;
  }

  #machines .my-gallery
  {
    width: 100%;
    text-align: center;
  }

  #machines .my-gallery figure
  {
    float: none;
  }

  .serviceList
  {
    text-align: center;
  }

  .mobileCopy
  {
    display: block;
    text-align: center
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .hamburger-icon-1 {  
	display: inline-block;
	}
	
	nav
	{
		display: none;
  }
  
  .machinesContainer
  {
    width: 100%;
  }

  .machinesContainer
  {
    width: 100%;
  }

  #machines .my-gallery
  {
    width: 100%;
    text-align: center;
  }

  #machines .my-gallery figure
  {
    float: none;
  }

  .serviceList
  {
    text-align: center;
  }

  .mobileCopy
  {
    display: block;
    text-align: center
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .hamburger-icon-1 {  
	display: inline-block;
	}
	
	nav
	{
		display: none;
  }
  
  .machinesContainer
  {
    width: 100%;
  }

  .machinesContainer
  {
    width: 100%;
  }

  #machines .my-gallery
  {
    width: 100%;
    text-align: center;
  }

  #machines .my-gallery figure
  {
    float: none;
  }

  .serviceList
  {
    text-align: center;
  }

  .mobileCopy
  {
    display: block;
    text-align: center
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .hamburger-icon-1 {  
	display: none;
	}
	
	nav
	{
		display: inline-block;
  }
  
  header
  {
    text-align: center;
  }

  .machinesContainer
  {
    width: 1000px;
  }

  .machinesContainer
  {
    width: 1000px;
  }

  #machines .my-gallery
  {
    width: 100%;
    text-align: center;
  }

  #machines .my-gallery figure
  {
    float: left;
  }

  .serviceList
  {
    text-align: center;
  }

  .mobileCopy
  {
    display: none;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .hamburger-icon-1 {  
	display: none;
	}
	
	nav
	{
		display: inline-block;
  }
  
  header
  {
    text-align: center;
  }

  .machinesContainer
  {
    width: 1000px;
  }

  .machinesContainer
  {
    width: 1000px;
  }

  #machines .my-gallery
  {
    width: 100%;
    text-align: center;
  }

  #machines .my-gallery figure
  {
    float: left;
  }

  .serviceList
  {
    text-align: center;
  }

  .mobileCopy
  {
    display: none;
  }
}