body{
  width: 1200px;
  height:600px;
  background-image: url("DSC02933.JPG");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align:center;
  margin:auto;
  padding:0;
  overflow-x: hidden

}

#banner{
  width: 150vh;
  height: 100px;
  top: 0;
  left: 13%;
  background: none;
  position: absolute;
  margin: 0;
}

#logotext{
  position: absolute;
  left: 1%;
  bottom: 2px;

  margin: 0;
  font-size: 50px;
  cursor:url("/342070b68ff41972681bcb5b0ed8395f_32x20.png"),auto;
}

#banner h1{
    position: absolute;
    left: 45%;
    top: 20px;
    margin: 0;
    font-size: 50px;
    cursor:url("/342070b68ff41972681bcb5b0ed8395f_32x20.png"),auto;

}


#banner a{
    padding: 20px;
    position: relative;
    top: -1vh;
    color: black;
    background-color: #e7dfdf;
    left: 30%;
    font-size: 24px;
    cursor:url("/342070b68ff41972681bcb5b0ed8395f_32x20.png"),auto;
    text-decoration: none;
    margin-bottom: 0;
margin-right: 20px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;


}

#banner a:visited { text-decoration: none; color:black; }

#banner a:hover{
  -webkit-animation: nextarrow 0.7s ease-in-out forwards;
  -moz-animation: nextarrow 1s ease-in forwards;
  -o-animation: nextarrow 0.7s ease-in-out forwards;
  animation: nextarrow 0.7s ease-in-out forwards;
}

@keyframes nextarrow {
  0% {

  }
  25%{
       

  }
  50% {
      top:25PX   


  }
  75%{
      
}
80%{
  
}
  100% {
      top: 20px;


  }
}




#back{
  background-color: #9d001e;
  top: 10.6%;
  
  display: table;
  position: absolute;
  z-index: 0;
  left: 13%;
  margin:0 auto;
  width:150vh;
  height: 80vh;
  
    }
  
    #back h1{
      color: white;
      left: -60vh;
      position: relative;
      font-family: arial ;
    }
  
    #back p{
      font-family: arial;
      color: white;
      font-size: 25px;
      margin-right: 10px;
      padding-right: 10px;
      line-height: 120%;
      display:inline;
   word-wrap: break-word;
   padding-left: 2vh;
      float:left;
      text-indent: 1vh;
      text-align: left;
    }

    #back h2{
      color: white;
      Left: -13vh;
      position: relative;
      font-family: arial ;
    }
    
    

#pigface{
  position: relative;
  top: 10vh;
  height: 0%;
}



#footer{
  background-color: gainsboro;
  top: 99%;
  z-index: 2;
  display: table;
  position: absolute;
  
  left: -20vh;
  
  width:230vh;

  
    }

#footer nav{
  font-family: Arial black;
  z-index: 2;

  
}

#footer nav a{
  text-decoration: dotted;
  list-style: none;
  color: #000;
}

#footer nav li{
  list-style: none;
  
}

#footer ul{
  list-style: none;
  padding-right: 20vh;
}

#footer a:visited { text-decoration: double; color:black; }

#footer a{
  text-decoration: double;

}
#footer a:hover{
  color: red;
}


#columns{
  display: flex;
  position: absolute;
  left: 31%;
z-index: 2;
  list-style: none;
  font-size: 2.1vh;
  text-align: left;
  font-family: arial black;
}



#footerlogo{
  left: 24vh;
  top: 16vh;
  position: absolute;
  padding-bottom: 0;
  margin: 0;
  width: 18vh;
}



/* CSS */
.button-50 {

  appearance: button;
background-color: #000;
background-image: none;
border: 1px solid #000;
border-radius: 4px;
box-shadow: #fff 4px 4px 0 0,#000 4px 4px 0 1px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: ITCAvantGardeStd-Bk,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0 5px 10px 0;
overflow: visible;

text-align: center;
text-transform: none;
touch-action: manipulation;
user-select: none;
-webkit-user-select: none;
vertical-align: middle;
white-space: nowrap;
position: absolute;
left: 40%;
top: 42vh;
}

.button-50:focus {
text-decoration: none;
}

.button-50:hover {
text-decoration: none;
}

.button-50:active {
box-shadow: rgba(0, 0, 0, .125) 0 3px 5px inset;
outline: 0;
}

.button-50:not([disabled]):active {
box-shadow: #fff 2px 2px 0 0, #000 2px 2px 0 1px;
transform: translate(2px, 2px);
}

@media (min-width: 768px) {
.button-50 {
  padding: 12px 50px;
}
}


#contact_form {
  
  padding-top: 20px;
  padding-bottom: 20px;
  }
.row label{
  color: #FFFFFF;
  font-size: 18px;
  margin-left: -1170px;
  font-family: arial ;
  font-size: 2vh;
}
small {
  color: #FFFFFF;

  margin-left: -119vh;
  font-family: arial ;
  font-size: 1.5vh;
}
input[type=text], textarea, input[type=tel]{
  text-align: left;
  
  border-radius: 1px;
  margin: auto 0;
  
  margin-left: -1040px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 5px 5px 10px #3e4444;
  }
input[type=text] {
  height: 25px;
}
input[type=submit] {
  background-color: white;
  color: black;
  border-radius: 1px;
  font-size: 18px;
  margin-left: -1199px;
  box-shadow: 5px 5px 5px #3e4444;
}

#email{
 left: vh;
 position: relative;
 width: 23vh;
}

#phonelabel{
  left: 2vh;
  position: relative;
}

input[type=tel] {
  height: 25px;
}

#yourmessage{
  left: 1.5vh;
  position: relative;
}

textarea{
  resize: vertical;
  max-height: 263px;
}