@media (min-width: 1001px){
	.responsive-header{
		display: none;
	}
}

@media (max-width: 1000px){
	
	.responsive-header{
		display: block;
		background: #00bbee;
		color: rgba(23, 86, 148, 0.88);
		padding: 20px;
	}
}

@media (max-width: 500px){
	.responsive-header{
		padding: 0px;
	}
	ul.masthead-nav{
		border-top: 1px solid rgba(255,255,255,0.5);
	}
	.open > .dropdown-menu{
		display: block;
		position: relative;
		width: 100%;
		background: #337ab7;
	}
	.nav .open > a, 
	.nav .open > a:hover, 
	.nav .open > a:focus,
	.masthead-nav > li > a:hover, 
	.masthead-nav > li > a:focus,
	a.dropdown-toggle{
		background: #337ab7;
		border: none;
		transition: all 300ms ease;
	}
	.masthead-nav > li{
		display: block;
	}
}

@media (max-width: 1024px){
	header{
		position: relative;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	.navbar-default {
	  background-color: rgba(23, 86, 148, 0.88);
	  color: #777;
	}
	.navbar-default .navbar-toggle .icon-bar,
	.navbar-default .navbar-toggle{
	  color: rgb(210, 210, 210);
	  border-color: rgb(210, 210, 210);
	  background-color: transparent;
	}
	.navbar-default .navbar-toggle .icon-bar {
	  background-color: #c3c3c3;
	  opacity: 0.8;
	}
	.nav .open > a, .nav .open > a:hover, 
	.nav .open > a:focus, .masthead-nav > li > a:hover, 
	.masthead-nav > li > a:focus, a.dropdown-toggle{
		background-color: transparent;
	}
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus{
		background-color: rgba(255,255,255,0.25);
		color: rgba(23, 86, 148, 0.88);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color: rgba(169, 168, 168, 0.11);
	}
	.cd-headline{
		margin-top: 40%;
	}
}
@media (max-width: 400px){
	.cd-headline{
		margin-top: 70%;
	}	
}

@media (max-width: 930px){
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus, 
	.navbar-default .navbar-nav > li > a:focus .caret, 
	.navbar-default .navbar-nav > li > a:hover .caret,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus{
		color: #333;
	}
	.navbar-nav .open .dropdown-menu{
		background-color:rgb(243, 243, 243);
		border-top: 1px solid #00bbee;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color: #777;
		padding: 10px;
		text-align: center;
	}
}