@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }    

@font-face {
  font-family: 'IntroScriptR-H2Base';
  src: url('../fonts/IntroScriptR-H2Base.eot?#iefix') format('embedded-opentype'),  url('../fonts/IntroScriptR-H2Base.otf')  format('opentype'),
	     url('../fonts/IntroScriptR-H2Base.woff') format('woff'), url('../fonts/IntroScriptR-H2Base.ttf')  format('truetype'), url('../fonts/IntroScriptR-H2Base.svg#IntroScriptR-H2Base') format('svg');
  font-weight: normal;
  font-style: normal;
} 

body {
	background-image: url('../imgs/sectionbgr.png');
}
.navbar {
	background: url('../imgs/ribbon.png');
	margin-bottom: 0px;
}
#navbar {
	text-align: center;
	margin: auto;
}
.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}
.navbar .navbar-collapse {
	text-align: center;
}
.nav>li {
	display: inline-block;
}
.navbar-nav>li>a,.navbar-nav>li>a:focus {
	text-shadow: none;
	color: white !important;
	font-family: 'IntroScriptR-H2Base',cursive;
	font-size: 23px;
	background: transparent !important;
}

.navbar-nav>li>a:hover {
	color: #f0f0f0;
}
.affix {
	top: 0px;
	width: 100%;
	z-index:5555;
}
.headimage {
	background: white !important;
}
.giant {
	color: white;
	font-size: 100px;
	font-family: 'IntroScriptR-H2Base',cursive;
	text-shadow: 1px 1px 1px #000;
}
.nopad {
	padding: 0px;
}
h2.sectionhead {
	font-family: 'IntroScriptR-H2Base',cursive;
	display: block;
	margin: auto;
	text-align: center !important;
	padding-top: 70px;
	font-size: 50px;
	width: 260px;
	height: 206px;
	color: white;
	background: url('../imgs/sectionhead.png');
	margin-bottom: 25px;
}
h2.sectionhead.small {
	padding-top: 55px;
	font-size: 30px;
	width: 200px;
	height: 158px;
	background: url('../imgs/sectionhead_sml.png');
}
h3 {
	font-family: 'IntroScriptR-H2Base',cursive;
	font-size: 25px;
	border-bottom: 3px dotted #241b13;
}
.scroller,.nuscroller {
    background-color: #fff;
    background-size: 100% auto;
    /*background-attachment: fixed;*/
    background-repeat: none;
    background-origin: padding-box;
    background-position: center top;
    min-height: 100px;
    margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 0;
}
.smaller {
	font-size: 13px;
}
@media screen and (min-width: 1px) and (max-width: 374px){
	.navbar-nav>li>a,.navbar-nav>li>a:focus {
		font-size: 15px;
		padding: 4px;
	}
}
@media screen and (min-width: 375px) and (max-width: 767px){
	.navbar-nav>li>a,.navbar-nav>li>a:focus {
		font-size: 17px;
		padding: 7px;
	}
}
@media screen and (min-width: 1px) and (max-width: 767px){
	.giant {
		font-size: 40px;
	}
  #columns[data-columns]::before {
    content: '1 .col-xs-12';
  }
}
@media screen and (min-width:768px) and (max-width: 9999px){
  #columns[data-columns]::before {
    content: '3 .col-sm-4';
  }
}