#container {
  max-width: 960px;
  width: 100%;
  
  margin: 0  auto;
  overflow: hidden;
  
}

.row {
  clear: both;
  padding: 0 10px;
}


.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 img {
  margin: 0 auto;

}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
  
  height: auto;
  display: block;
}

.button {
  background: #a83d68;
  background-image: -webkit-linear-gradient(top, #a83d68, #702744);
  background-image: -moz-linear-gradient(top, #a83d68, #702744);
  background-image: -ms-linear-gradient(top, #a83d68, #702744);
  background-image: -o-linear-gradient(top, #a83d68, #702744);
  background-image: linear-gradient(to bottom, #a83d68, #702744);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.button:hover {
  background: #e2b386;
  background-image: -webkit-linear-gradient(top, #e2b386, #c99f79);
  background-image: -moz-linear-gradient(top, #e2b386, #c99f79);
  background-image: -ms-linear-gradient(top, #e2b386, #c99f79);
  background-image: -o-linear-gradient(top, #e2b386, #c99f79);
  background-image: linear-gradient(to bottom, #e2b386, #c99f79);
  text-decoration: none;
}

html{
  height:1500px;
}
body {
 font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  color: #6d6864;
  text-align: center;
  line-height: 1.5em;
}

a {
  color: #8a3657;
}
a:hover {
  color: 
}

section {
 
  margin: 0 auto;
}


.imgHolder{
  height:45em;
  overflow:hidden;
  position:relative;
}

.imgHolder img{
  width:100%;
  min-height:500px;
  max-width:960px;
  left:50%;
  -webkit-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
  position:absolute;
}

#header {
  margin: 0 auto;
  width: 100%;
  height: 280px;
  font-size: 20px;
  word-spacing: 5px;
  border-bottom: 4px solid #e3b383;
}

#header .row {
  width: 100%;
  height: 50px;

  border-top: 2px solid #e3b383;
}

#header img {
  widows: 100%;
}



#about {
  width: 100%;
  height: 450px;
  margin-top: 5em;
  border-bottom: 2px solid #e3b383;
}

#about img {
  margin: 0 auto;
  border: 1px solid #471c2d;
}

#about_ann_jackson {
  width: 80%;
  margin: 0 auto;
  text-align: left;
  padding-left: 5%;
  padding-right: 5%;
}

#order_book_and_tshirt {
  width: 90%;
  height: 400px;
  margin: 3em auto;
}

#order_book_and_tshirt h2 {
  margin-top: 10%;
}

#order_book_and_tshirt img {
  margin: 0 auto;
  border: 1px solid #471c2d;
}

footer {
  width: 100%;
  height: 50px;
  margin-top: 5%;
  padding: 5px 10px 5px 10px;
  text-align: left;
  line-height: 50px;
  font-size: 20px;
  border-top: 2px solid #e3b383;
}


.left {
  width: 21%;
  margin: 0 auto;
  float: left;
}

.right {
 float: right;
 width: 77%;
 word-spacing: 15px;
 font-size: 30px;
 color: #471c2d;

}

@media all and (min-width: 1024px) {
  #container {
    max-width: 1000px;
  }

   #container .row {
    padding: 0;
  }
}


 
@media all and (max-width: 768px) {
  
.onerow {
  }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: none;
    width: 99%;
  }

body {
 font-family: 'PT Sans', sans-serif;
  font-size: 12px;
  color: #6d6864;
  text-align: center;
  line-height: normal;
}

a {
  color: #8a3657;
}
a:hover {
  color: 
}

section {
 
  margin: 0 auto;
}


.imgHolder{
  height:30em;
  overflow:hidden;
  position:relative;
}

.imgHolder img{
  max-width: 768px;
  width:100%;
  height: auto;
 
  left:50%;
  -webkit-transform: translate(-50%, -10%);
  transform: translate(-50%, -10%);
  position:absolute;
}

#header {
  margin: 0 auto;
  width: 100%;
  height: 180px;
  font-size: 14px;
  word-spacing: 5px;
  border-bottom: 4px solid #e3b383;
}

#header .row {
  width: 90%;
  height: 60px;
  border-top: 2px solid #e3b383;
}

#header img {
  width: 90%;
}

#about {
  width: 100%;
  height: auto;
  margin-top: 5em;
  border-bottom: 2px solid #e3b383;
}

#about img {
  margin: 0 auto;
  border: 1px solid #471c2d;
}

#about_ann_jackson {
  width: 80%;
  height: auto;
  margin: 2em auto;
  text-align: left;
  padding-left:0;
  padding-right:0;
}

#order_book_and_tshirt {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

#order_book_and_tshirt img {
  margin: 50px auto 5px auto;
  border: 1px solid #471c2d;
}

footer {
  font-size: 14px;
}


.left {
  width: 50%;
 float: left;
}

.right {
 float: right;
 width: 35%;
}
}

@media all and (max-width: 320px) {


}