h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size:1.5em;
}

h2 {
  font-family: 'Cardo', serif;
  font-style: italic;
  font-size: 1em;
}

body {
}

button {
    background: #7A003C;
    color: #fff;
    font-family: Sans-serif;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
    opacity: 0.0;
    width: 100%;
    height: 100%;
    padding: 20px;
}

button:hover {
  opacity: 0.75;
}

.btn-lively {
    opacity: 1.0;
    border-radius: 4px
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

#firststory {
  background: url('../images/1-min.jpg') no-repeat center center ; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size:100% auto;
}

#secondstory {
  background: url('../images/2-min.jpg') no-repeat top center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#thirdstory {
  background: url('../images/3-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#fourstory {
  background: url('../images/4-min.jpg') no-repeat center center ; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size:100% auto;
}

#fivestory {
  background: url('../images/5-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#sixstory {
  background: url('../images/6-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#sevenstory {
  background: url('../images/7-min.jpg') no-repeat bottom center ; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size:100% auto;
}

#eightstory {
  background: url('../images/8-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#ninestory {
  background: url('../images/9-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#tenstory {
  background: url('../images/10-min.jpg') no-repeat center center ; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size:100% auto;
}

#elevenstory {
  background: url('../images/11-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#twelvestory {
  background: url('../images/12-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#thirteenstory {
  background: url('../images/13-min.jpg') no-repeat center center; 
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

#alivelytitle {
  padding-top: 80px;
  padding-bottom:60px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/lively-top.jpg') no-repeat center center; 
  background-size:100%;
}

#page1 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/1-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}

#page2 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/2-min.jpg') no-repeat top center;
  background-color: #7A003C;
  background-size:100%;
}

#page3 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/3-min.jpg') no-repeat top center;
  background-color: #7A003C;
  background-size:100%;
}

#page4 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/4-min.jpg') no-repeat top center;
  background-color: #7A003C;
  background-size:100%;
}

#page5 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/5-min.jpg') no-repeat center center;
  background-color: #7A003C; 
  background-size:100%;
}

#page6 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/6-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}

#page7 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/7-min.jpg') no-repeat bottom center;
  background-color: #7A003C;
  background-size:100%;
}

#page8 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/8-min.jpg') no-repeat top center;
  background-color: #7A003C;
  background-size:100%;
}

#page9 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/9-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}

#page10 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/10-min.jpg') no-repeat top center;
  background-color: #7A003C;
  background-size:100%;
}

#page11 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/11-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}

#page12 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/12-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}

#page13 {
  padding-top: 100px;
  text-align: center;
  background-color: #fff;
  color:#fff;
  background: url('../images/maroon/13-min.jpg') no-repeat center center;
  background-color: #7A003C;
  background-size:100%;
}
.fulldesc {
  padding: 32px;
  font-size: 16px;
  line-height: 150%;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }