body{
margin: 0px;
padding: 0px;
}

#bg {

      position: fixed;
      top: 0em;
      right: 30%;
      bottom: 0;
      left: 30%;
      margin: 0 -600px;
      background-size: cover;
      z-index: -1;
    }
@font-face {
    font-family: myFirstFont;
    src: url(font2.ttf);
}

.pack{
border:1px solid gray;
border-radius:10px;
min-height:220px;
max-height: 220px;
min-width:210px;
margin:3%;

}

.pack2{
border:1px solid gray;
border-radius:10px;
height:140px;
min-width:140px;
margin:3.3%;
}

@media (min-width: 10px) {  

.site-wrapper-8 {
    background: url(img/background.jpg);
        background-repeat: no-repeat;

        
}
.pad{

padding-top:10px;

}

.title{
font-family: 'Montserrat', sans-serif;
font-size: 55px;

border-top: solid white 6px;
border-bottom: solid white 6px;
display:block;
margin:auto;
width: 290px;

}
.site-wrapper,
.site-wrapper-2,
.site-wrapper-3,
.site-wrapper-5,
.site-wrapper-6 {
display: table;

    height: 100%;
    min-height: 100%;
    text-align: center;
    color: #fff;
    z-index:99;
    position:relative;
    overflow:hidden;
    background-color: #774a27;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding: 0 0 50px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);

}
.name label{
display:block; 
width:100%; 
height:500; 
text-align:center;
padding-top:200px;

font-family: myFirstFont;
  color: white;
font-size: 54px;
}
.name2 label{
display:block; 
width:100%; 
height:500; 
text-align:center;

font-family: myFirstFont;
  color: white;
font-size: 54px;
}
.chicken{
width: 16.66666667%;
}

.namesoon{
font-family: myFirstFont;
  color: white;
font-size: 75px;

}

.pack:hover{
   background-color:rgba(23, 130, 15,0.8);
}

.pack a:hover{
color:white;
}

.pack2:hover{
   background-color:rgba(23, 130, 15,0.8);
}

.pack2 a:hover{
color:white;
}
.smallPad{
padding-top: 40px;
}
.midPad{
padding-top: 40px;
}

.name h3{
margin-top:20px;
}

}
@media (min-width: 500px) {  
.site-wrapper-8 {
    background: url(img/background.jpg);
        background-repeat: no-repeat;

        
}
.pad{

padding-top:20px;

}
.title{
font-family: 'Montserrat', sans-serif;
font-size: 100px;

border-top: solid white 10px;
border-bottom: solid white 10px;
display:block;
margin:auto;
width: 550px;

}

.site-wrapper,
.site-wrapper-2,
.site-wrapper-3,
.site-wrapper-5,
.site-wrapper-6 {
display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: center;
    color: #fff;
    z-index:99;
    position:relative;
    overflow:hidden;
    background-color: #774a27;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding: 0 0 50px;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);

}
.smallPad{
padding-top: 5px;
}
.midPad{
padding-top: 25px;
}
.name label{
display:block; 
width:100%; 
height:500; 
text-align:center;
padding-top:200px;

font-family: myFirstFont;
  color: white;
font-size: 90px;
}
.name2 label{
display:block; 
width:100%; 
height:500; 
text-align:center;

font-family: myFirstFont;
  color: white;
font-size: 90px;
}
.name h3{
margin-top:-40px;
}
.namesoon{
font-family: myFirstFont;
  color: white;
font-size: 110px;

}

.pack:hover{
   background-color:rgba(23, 130, 15,0.8);
}

.pack a:hover{
color:white;
}
.pack2:hover{
   background-color:rgba(23, 130, 15,0.8);
}

.pack2 a:hover{
color:white;
}
}
.namefoot{
display:block; 
width:100%; 
height:200; 
text-align:center;

font-family: myFirstFont;
  color: white;
font-size: 80px;
}

#whiteline{
display:block;
width:100%
height:1px;
background-color: white;
padding-top: 1px;


}
#subheader{

font-family: myFirstFont;
font-size: 40px;
color:white;
}
    
#section_one{ 
display:block;
padding-top: 10px;
width: 100%; 
height:1000; 
text-align:left;
background-color: black;


}
#profile {
padding-top: 75px;
padding-left: 20px;

}