* {
	margin: 0;
	padding: 0;
	border: 0;
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 

}

@font-face {
    font-family: Darling;
    src: url(fonts/ardarling.ttf);
}

body {
  font-family: 'Cabin', sans-serif;
}

h2 {
  font-family: "Darling";
  font-size: 72px;
}

.firstheadline {
  font-family: "Darling";
  font-size: 26px;
  text-transform: uppercase;  
}

.buttonheadline {
  font-family: "Darling";
  font-size: 36px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.buttonheadline a {
  color: #ffffff;
}

.greenheadline {
  font-family: "Darling";
  font-size: 36px;
  text-transform: uppercase;
  color: #68b766;
  padding-left: 15px;
  padding-right: 5px;
}

h3 {
  font-family: "Cabin";
}

a {
  text-decoration: none;
}

.textcenter {
  text-align: center;
}

.greentext {
  color: #68b766;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
  }

}

/*MEDIA QUERY FOR MOBILE DISPLAY*/
@media screen and (max-width: 480px) {
  .mobiledisappear {display:none;}
  .desktoponly { display:none; }
  h1, h2, h3, h4, p, img, .white1, .white2, .gray1, .gray2, .backgroundimg1, .onehunna {max-width: 100%;}
  .backgroundimg1 {
      background-image: url(images/pattern.png); 
  }
  h1 {
    margin-top: 90px;
    font-family: "Darling";
    font-size: 60px;
    text-align: center;
    color: #f7941e;
  }
  h2 {
    text-align: center;
    font-size: 48px;
    color: #f7941e;
  }
  .headline {
    font-family: "Darling";
    font-size: 36px;
    text-transform: uppercase;
    color: #f7941e;
    text-align: center;
  }
  .gray1 p, .white1 p, .gray2 p, .white2 p {
    text-align: center;
  }
}


/*MEDIA QUERY FOR DESKTOP DISPLAY*/
@media screen and (min-width: 481px) {
  .mobileappear, .mobileonly {display:none;}
  .backgroundimg1 {
    background: url(images/raccoonfight.png) no-repeat fixed; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #f7941e;
  }
  h1 {
    font-family: "Darling";
    font-size: 102px;
  }
  .nintypercent {
    width: 90%;
    margin: auto;
  }
  .imgcontainer {
    margin: auto;
    padding-left: 100px;
    padding-bottom: 30px;
    width: 1200px;
  }
  .headline {
    font-family: "Darling";
    font-size: 36px;
    text-transform: uppercase;
    color: #f7941e;
  }
  .gray1 p, .white1 p, .gray2 p, .white2 p {
  text-align: justify;
  text-justify: inter-word;
  }    
  .backgroundimg1 h1 {
    padding: 50px;
    margin-bottom: 20px;
    margin-left: 5%;
  }

  .backgroundimg1 h2 {
    padding: 100px;
    margin-right: 10%;
    text-align: right;
  }
}

#header {
  position: fixed;
  height: 50px;
  width: 100%;
  background-color: white;
}

iframe {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 600px;
}

/*navigation begins*/

}
.main-navigation {
  display: inline;
  width: 100%;
  height: 51px;
}

.navpaddingtop {
  padding-top: 18px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
}


ul li {
  display: block;
  position: relative;
  float: left;
  background: #FFFFFF;
  vertical-align: bottom;
    z-index: 9999;
}

li ul { display: none; }

 .padding1em a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #262626;
}

ul li a:hover { background: #69A14F; }

li:hover > ul {
  display: block;
  position: absolute;
}

li:hover li { float: none; }

li:hover a { background: #FFFFFF; }

li:hover li a:hover { background: #69A14F; }

.main-navigation li ul li { border-top: 0; }

ul ul ul {
  left: 100%;
  top: 0;
}

ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

ul:after { clear: both; }



/*navigation ends*/

#footer {
  padding: 10px;
}

#footer p {
  padding-left: 10px;
}

.backgroundimg1 a {
  color: #f7941e;
}

.buttonright {
  background-color: #68b766;
  margin-right: 10%;
  margin-top: 10px;
  padding: 10px;
  color: white;
  width: 250px;
  text-align: center;
}

.buttonleft {
  background-color: #68b766;
  float: left;
  margin-left: 20%;
  margin-top: -25px;
  padding: 10px;
  color: white;
  width: 250px;
  text-align: center;
}

.buttoncenter {
  background-color: #68b766;
  margin: auto;
  margin-top: 20px;
  padding: 10px;
  color: white;
  width: 250px;
  text-align: center;
  text-decoration: none;
}

.buttonright:hover, .buttonleft:hover, .buttoncenter:hover {
  background-color: #2a4b29;
}

.gray1, .gray2 {
  background-color: #dedfe0;
  padding: 50px;
}

.white1, .white2 {
  background-color: #FFFFFF;
  padding: 50px;
}

.gray1 h3, .white1 h3 {
  text-align: center;
  width: 1100px;
  margin: auto;
  padding: 5px;
}

.gray1 p, .white1 p {
  width: 1050px;
  margin: auto;
  padding: 5px; 
}


.gray2 p, .white2 p {
  margin: auto;
  padding: 5px; 
}

.center {
  text-align: center;
}

.floatleft {
  float: left;
  display: inline;
  margin-right: 50px;
}

.floatright {
  float: right;
  display: inline;
  margin-left: 50px;
}

.paddingright {
  padding-bottom: 40px;
}

#citybuttons {
  width: 900px;
  margin: auto;
  padding: 10px;
  padding-bottom: 20px;
}

.cities {
  height: 23px;
  width: 200px;
  padding: 10px;
  margin: auto;
  background-color: #69A14F;
  color: white;
  display: inline-block;
}

.cities:hover {
  background-color: #315421;
}

.blacklinks {
  color: black;
}

  /* contact */
#form {
  background-color: white;
  width: 750px;
  height: 400px;
  margin: auto;
  padding: 10px 10px 20px 10px;
}

input, select, textarea {
  background-color: #f8f9f9;
  padding: 10px;
  border: 1px solid #252525;
}

label, input[type="text"], input[type="date"],input[type="email"], input[type="number"], select, textarea {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.clear, .submit {
  background-color: #68b766;
}

.aboutdiv {
  height: 300px;
  width: 800px;
  margin: auto;
  background-color: #68b766;
  padding-right: 40px;
  margin-bottom: 10px;
}

.aboutdiv img, .aboutdiv p {
  display: inline;

}

.insideaboutdiv {
  display: inline;
    height: 300px;
    background-color: #68b766;
    float: right;
}

.marginauto {
  margin: auto;
  display: block;
  margin-bottom: 10px;
}

.texas {
  width: 541px;
  margin: auto;
  padding: 20px;
}







/*-------------*/


/*  Basic stucture
=====================*/
#accordion{margin: auto; margin-bottom: 50px;width:400px;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
    font-family: Arimo;
}
#accordion ul li a{
border-bottom:1px solid black;
color:#000;
}
#accordion ul li a:last-child{
border-bottom: none;
color:#000;
}
.accordion{
background:#fff;
}
.accordion:target{
border-top:3px solid black;
}
.accordion a {
  background-color: white;
}
.accordion a:hover {
  background-color: #69A14F;
  color: white;
}
.acc-green{

background:#69A14F;
}
.acc-green:hover{

background: #497037;
}



 /* directory */

.directory {
  max-width: 1000px;
  margin: auto;
}

.directory .map {
  width: 100%;
}

.directory .video {
  width: 100%;
  max-width: 520px;
  margin: auto;
  display: block;
}

@media screen and (min-width: 800px) {
  .directory .directory-map {
    width: 30%;
    float: right;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid black;
  }

  .directory-left {
    width: 60%;
  }
}

.blacklinks {
  color: black;
  font-weight: 300;
}