/* large size at bottom, mobile at top */

html {
    font: 103%/1.5em 'arial',sans-serif;
}
body{
	border:0;
	padding:0;
	margin:0;
}
h1, h2, h3, h4{
font-family:'Dancing Script', cursive;
color:#ae0d0d;
text-shadow:1px 1px #d5d5d5;
}
h1{
font-size:340%;
line-height:48px;
}
h2{
font-size:280%;
line-height:50px;
margin-bottom:-8px;
letter-spacing:-1px;
}
h3{
font-size:180%;
line-height:27px;
margin-bottom:-6px;
}
h4{
font-size:140%;
letter-spacing:-1px;
margin-bottom:3px;
}

.white{
color:#ffffff;
}

hr {
background: url("i/divider-small.png") no-repeat scroll center top transparent;
border: 0 none;
height: 28px;
margin-top:24px;
} 
.hrr {
background: url("i/divider-small-r.png") no-repeat scroll center top transparent;
border: 0 none;
height: 28px;
width:99%;
margin-top:24px;
}

a{
color:#ae0d0d;
text-decoration:none;
font-weight:bold;
font-style: italic;
}

a:hover{
color:#6a0404;
}
a.button {
    background: #ae0d0d;
    text-align: center;
    padding: .5em 1em;
    color: white;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 0.2em 0 #6a0404;
    text-transform: uppercase;
    letter-spacing: 0.1em;
         
    /*transition cross-browser stuff*/
    -webkit-transition: background 0.2s ease-out;  /* Safari 3.2+, Chrome */
    -moz-transition: background 0.2s ease-out;  /* Firefox 4-15 */
    -o-transition: background 0.2s ease-out;  /* Opera 10.5–12.00 */
    transition: background 0.2s ease-out;  /* Firefox 16+, Opera 12.50+ */
}
 
a.button:hover {
    background: #6a0404;
}
ul{
  list-style: none outside none;
}
li{
background: url(i/li.png) no-repeat 0 4px;
padding-left:22px;
margin-left:-20px;
}

header.band {
    background: #2167c6;
    color: white;
    text-align: center;
    padding: 5% 0 12% 0;
}

.container{
padding:0 2%;
max-width:1024px;
margin: 0 auto;
}


@media only screen and (min-width: 767px) {
 
 html{
 font: 103%/1.5em 'arial',sans-serif;
 color:#535353;
 }
 
    header.band {
        background-image:url(i/background.jpg);
        background-size: 100%;
    }
     
h1{
font-size:530%;
line-height:68px;
letter-spacing:-1px;
}
h2{
font-size:340%;
line-height:50px;
margin-bottom:-8px;
letter-spacing:-1px;
}
h3{
font-size:240%;
line-height:27px;
margin-bottom:-6px;
}
h4{
font-size:180%;
letter-spacing:-1px;
margin-bottom:4px;
}
     
    a.button {
        padding: .75em 1.5em;
    }
	
.fp-left-col{
width:45%;
display:inline-block;
vertical-align:top;
margin-right:8%;
}
.fp-right-col{
display:inline-block;
width:45%;
vertical-align:top;
}
}
 
 @media only screen and (max-width: 600px) {
 .hide600{
 display:none;
 }
 }