body
{
	background-color: #F7F3BA;
}

@font-face {
    font-family: "timeline";
    src: url(../media/typefaces/Timeline.ttf);
}

nav
{
	background-color: #F0E87F;
	box-shadow: 0 0 40px 10px rgba(120,120,120,0.3);
}

body
{
	height: 10000px;
}

.navbar-brand
{
	padding: 0 3% 0 0;
}

#logo
{
	padding-top: 5%;
	padding-left: 5%;
	max-width: 130px;
	max-height: 130px;
}

.navbar-left
{
	margin-top: 2%;
	margin-bottom: 3%;
}

.navbar-right
{
	margin: 2.5% 1% 0 0;
}

#menuBtn
{
	padding: 0;
}

.nav-pills > li > a
{
	color: white;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus
{
	color: #F8006D;
	background-color: white;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover
{
	background-color: #F8006D;
}

ul.text-right
{
	list-style-type: none;
	margin-bottom: 0s;
}

.navbar-default
{
	background-color: #F0E87F;
	border: 0;
}

.navbar-default .navbar-toggle
{
	border: 1px solid #F0E87F;
}

.glyphicon-menu-hamburger
{
	color: white;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	background-color: #F8006D;
	color: white;
}

.navbar-default .navbar-toggle:hover>.glyphicon-menu-hamburger
{
	color: #F8006D;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{
	background-color: #F8006D;
}


.navbar-default .navbar-toggle
{
	background-color: #F8006D;
	color: white;
}

.navbar-default .navbar-toggle:hover
{
	background-color: #F0E87F;
	color: white;
	border: 1px solid #F8006D;
}

.navbar-default .navbar-nav>li:hover, .navbar-default .navbar-nav>li:focus
{
	background-color: #F8006D;
	color: white;
}

.navbar-default .navbar-nav>li, .navbar-default .navbar-nav>li
{
	color: white;
}

#content
{
	margin-top: 9%;
}

@media (min-width: 768px)
{
	#logo
	{
		padding-top: 5%;
		padding-left: 5%;
		max-width: 100px;
		max-height: 100px;
	}

	#content
	{
		margin-top: 9%;
	}
}

@media (min-width: 992px)
{
	#logo
	{
		padding-top: 5%;
		padding-left: 5%;
		max-width: 110px;
		max-height: 110px;
	}

	#content
	{
		margin-top: 8.5%;
	}
}

@media (min-width: 1200px) 
{
	#logo
	{
		padding-top: 5%;
		padding-left: 5%;
		max-width: 130px;
		max-height: 130px;
	}

	#content
	{
		margin-top: 8.5%;
	}
}