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

@font-face {
  font-family: 'Petit Formal Script';
  src: url('../fonts/PetitFormalScript-Regular.ttf');
}

/* CSS reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	
}
fieldset,img { 
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Petit Formal Script', cursive, serif, sans-serif;
	font-size:100%;
	font-weight:normal;
}

.navbar-brand {
	font-family: 'Petit Formal Script', cursive, serif, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-size: 1.4em;
	font-weight: 400;
	color: #186f8f;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#timda {
  font-size: 1.1em;
}
/* General Demo Style */

.ie7 body{
	overflow:hidden;
}
a{
	text-decoration: none;
}

.clr{
	clear: both;
}

.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.codrops-top a:hover{
	color: #fff;
  background: rgba(255,128,128,0.3);
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: none;
	display: inline;
}
.codrops-demos{
    text-align:center;
	display: block;
	line-height: 30px;
	padding: 20px 0px;
}
.codrops-demos a{
    display: inline-block;
	margin: 0px 4px;
	padding: 0px 4px;
	color: #fff;
	line-height: 20px;	
	font-style: italic;
	font-size: 13px;
	border-radius: 3px;
	background: rgba(41,77,95,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.codrops-demos a:hover{
	background: rgba(41,77,95,0.3);
}
.codrops-demos a.current,
.codrops-demos a.current:hover{
	background: rgba(41,77,95,0.3);
}

.btns {
  text-align: center;
}

.brow {   
  text-align: center;
  font-family: 'Petit Formal Script', cursive, serif, sans-serif; 
}