@import '../../bootstrap/css/bootstrap.min.css';
@import '../fonts/css/font-awesome.min.css';
@font-face { font-family: 'hotline';
             src: url('../fonts/fonts/IndieFlower.ttf') format('truetype'); }


h1{
	color: #da001a;
	margin-top: 0;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}

h1 a {
	color: #da001a;
}

h1 a i:hover{
	color: #000;
}

a{
	color: #000;
}

a:hover{
	color: #000;
}

p{
	margin-bottom: 15px;
}

ul{
	padding-left: 17px;
	color: #da001a;
}

li{
	margin-bottom: 15px;
}

li p{
	color: #000;
}

.jumbotron-pb{
  padding: 15px;
}

.hotline-pb p{
	font-family: "hotline";
	color: #000;
	font-size: 30px;
	text-align: center;
}

.navbar-brand{
	padding-left: 0;
}

.navbar-brand img{
	width: 130px;
}

.navbar-default{
	border: none;
	background-color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: transparent;
}

.navbar-toggle{
	margin-right: 0;
}

.fa{
	color: #da001a;
}

.menu-pb:hover:before{
  content: "\f111";
}

.menuitem-pb{
	color: #555;
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menuitem-pb:hover{
	text-decoration: underline;
}




.change-icon > .fa + .fa,
.change-icon:hover > .fa {
  display: none;
}

.change-icon:hover > .fa + .fa {
  display: inherit;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	text-decoration: underline;
	color: #000;
}



.mainframe-pb {
	background-color: #fff;
	background: linear-gradient(#fff, #e1ece0);
}

.innerframe-pb {
	background-color: #dadada;
	background: linear-gradient(#dadada, #fff);
}

.well{
	border: 1px dotted #838383;
	background-color: #fff;
	border-radius: 0px;
}


.btn-default{
    color: #da001a;
    background-color: #fff;
    border-color: #da001a
}


.btn-default:hover{
    color: #fff;
    background-color: #da001a;
    border-color: #da001a
}


.img-header-pb{
	margin: 40px 0 20px 20px;
}

.colframe-pb{
	padding: 0 10px;
}

.img-pb{
	width: 100%;
	height: auto;
	border: 2px solid #838383;
}

.rounded-pb{
  text-align: center;
  height: 100px;
  width: 100px;
  background-color: #da001a;
  border-radius: 50%;
  margin: 40px auto 0 auto;
  padding: 22px 0;
}

.rounded-pb>i{
  color: #fff;
}

.rounded-text-pb{
  text-align: center;
  padding: 30px 50px;
}

.footer{
	margin: 30px 0 30px 0;
	text-align: center;
}






@media (min-width: 768px) {
	body{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-brand{
		padding-left: 15px;
	}

	.navbar-brand img{
		width: 231px;
	}

	.navbar{
	  	margin-top: 20px;
	  	margin-bottom: 15px;
	}

	.navbar-right{
		margin-top: 43px;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
		background: none;
	}

  .rounded-pb{
    margin: 120px auto 0 auto;
  }

	.innerframe-pb {
		margin: 0 20px;
	}

  	.colframe-pb{
  		padding: 0 50px;
  	}

  	.startframe-pb{
  		padding: 50px 50px 80px 50px;
  		margin-bottom: 35px;
  	}

  	.img-pb{
  		margin-bottom: 20px;
  	}

  	.hotline-pb p{
  		text-align: right;
  		font-size: 42px;
  		margin: 60px 50px 0 0;
  	}

  	.footer{
  		text-align: left;
  		margin: 30px 0 20px 3px;
  	}

  	.footer-right-pb{
  		text-align: right;
  		padding-right: 53px;
  	}
  .facebook-pb{
    text-align: center;
  }
}