.content {
  color:#222;
  background:#222;
  background: url("../images/sdt/content-sky.png") no-repeat center center scroll;
  /*background-position: -425px -800px; */
  background-size: 100% 100%;
}

.content .row {padding:50px 0px;}

.content h1 {
  font-family:'mistralregular', "Roboto", sans-serif;
  font-size:3.0rem;
  font-weight:500;
  text-transform: uppercase;
}

.content h2 {
  font-family:'mistralregular', "Roboto", sans-serif;
  font-size:2.3rem;
  text-transform: uppercase;
  letter-spacing:2px;
  border-bottom:2px solid #222;
  margin-top:40px;
}

.content p {font-size:1.5rem;font-weight:300;line-height:20px;}

.deer-management img,
.deer-population-control img,
.deer-habitat-conservation img,
.on-site-deer-survey img {
  padding:2px;
  border:5px solid #222;
  background:#999;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  margin-bottom:10px;
}

.content ul li {
  font-size:1.6rem;
  margin-bottom:20px;
  padding-left:20px;
  line-height:normal;
}

.content .deer-population-control a,
.content .deer-habitat-conservation a,
.content .on-site-survey a {color:#FF6600;}


/*
About Us
-------------------------------------------*/

.about-us {height:600px;}

/*
Deer Management
-------------------------------------------*/

.deer-management {height:1700px;min-height:2100px;}

/*
Deer Population Control
-------------------------------------------*/

.deer-population-control {
  min-height:1300px;
}

/*
Deer Habitat Conservation
-------------------------------------------*/

.deer-habitat-conservation {
  min-height:1000px;
}

/*
On-Site Deer Survey
-------------------------------------------*/

.on-site-deer-survey {
  min-height:1000px;
}

/*
Contact Us
-------------------------------------------*/

.contact-us {height:1250px;}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {

.contact-us {height:1200px;}

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

content h1 {font-size:4.0rem;}

.contact-us {height:900px;}

}

/* Larger than tablet */
@media (min-width: 750px) {

.deer-management {height:1020px;min-height:1020px;}

}

/* Larger than desktop */
@media (min-width: 1000px) {

.content h1 {font-size:6.2rem;}

.content h2 {font-size:3.5rem;}

.content p {font-size:2.0rem;line-height:30px;}

.deer-management {height:1520px;min-height:2100px;}

.contact-us {height:1000px;}

/*
Deer Population Control
-------------------------------------------*/

.deer-population-control {
  min-height:2000px;
}

/*
Deer Habitat Conservation
-------------------------------------------*/

.deer-habitat-conservation {
  min-height:1000px;
}

/*
On-Site Deer Survey
-------------------------------------------*/

.on-site-deer-survey {
  min-height:1000px;
}

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {

.deer-management {height:1700px;min-height:1900px;}

.contact-us {height:980px;}

}