hr {
    margin: 50px 0;   
}

span {
    margin-right: 20px;   
}


/* NAVIGATION BAR */

#menu_hor  {
/*    position: fixed;*/
  margin-left: auto;
  margin-right: auto;
    padding-top: 450px;
  left: 0;
  right: 0;
/*  background: aliceblue;*/
}

#menu_hor ul li { 
  display:inline-block;
    background-color: transparent;
    border: none;
/*  padding:1em 10px;*/
}

#menu_hor li a {
  color:#FFF;
  text-decoration:none;
/*  font-weight:bold;*/
  text-transform:uppercase;
/*  font-family:helvetica;*/
}

.nav-tabs>li>a {
     margin-right: 0px; 
    line-height: auto;
    border: none;
    /* line-height: 1.42857143; */
    /* border: 1px solid transparent; */
    /* border-radius: 4px 4px 0 0; */
}

#menu_hor li a:focus {
  background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
}

#menu_hor li a:hover {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
}

.nav-tabs {
    text-align: center;
    border-bottom: none;
}

#menu_hor a { text-decoration: none; }

/* //NAVIGATION BAR */

#nav {
width:600px;
margin:0 auto;
list-style:none;
}
#nav li {
float:left;
}
#nav a {
display:block;
text-align:center;
/*width:150px;  fixed width */
text-decoration:none; 
}


/* JUMBOTRON */

.jumbotron {
    background-color: transparent;
}

.jumbotron h3 {
    margin-top: 0;   
}

.jumbotron h4 {
    text-align: center;
}

.impressum p {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align:justify;
}

/* //JUMBOTRON */

/* LAMA */

.lama {
    color: #888A8B;
}

.lama p {
/*    color: white;   */
    margin-bottom: 14px;
}

.lama h4 {
    color: white; 
    text-align: center;
}

/* //LAMA */



/* SHEEP */

.sheep {
    color: black;
}

/* //SHEEP */



/* ABOUT */

.about {
/*    color: white;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.about p {
/*    color: white;   */
/*    text-align: justify;*/
    margin-top: 30px;
}

.about hr {
    margin: 60px 0 10px 0;
}

/* //ABOUT */



/* FOOTER */

.request h3{
	color: #FFF;
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase;
	text-align:center;
	margin:0;
    margin-top: 50px;
}

/* //FOOTER */


.template ul li {
    line-height: 1.8em;   
}



/*-- responsive-design --*/
@media (max-width:1366px)
{
	
}
@media (max-width:1280px)
{
	
}
@media (max-width:1024px)
{
	.header {
		height: 250px;
	}
	.header-info {
		left: 23%;
	}
    #unendlich {
        display: none;   
    }
	.request {
/*        min-height: 650px;   */
    }
    .request h3 {
        font-size: 24px;
    }
	.request-info p {
		width: 100%;
	}
    
    .jumbotron {
        margin-bottom: 0;   
    }
    
    .template h4 {
        margin-top: 30px;   
    }
}
@media (max-width:768px)
{
	.header-info {
		left: 14%;
	}
	.header-bottom h3 {
		font-size: 50px;
		margin: .5em auto;
	}
	.template h4 {
		text-align: center;
		margin: 0;
        margin-top: 30px; 
	}
	.template p {
		text-align: center;
		width: 70%;
		margin: 1em auto;
	}
	.header-bottom {
		padding: 1em 0 2em 0;
	}
	.header-bottom p {
		margin: 1em auto;
		font-size: 18px;
	}
	.work h3 {
		font-size: 50px;
	}
	.work {
		padding: 3em 0;
	}
	#filters li span {
		font-size: 16px;
	}
	#filters li span.active {
		font-size: 16px;
	}
	p.b-animate.b-from-left.b-delay03 {
		font-size: 13px;
	}
	.work-text h4 {
		font-size: 16px;
	}
	.button {
		margin-top: 3em;
	}
	.photography h3 {
		font-size: 50px;
	}
	.photography p {
		margin: 1em auto;
		font-size: 18px;
	}
	.request-info p {
		width: 100%;
	}
	input[type="text"] {
		width: 42%;
	}
	input[type="submit"] {
		padding: 1em 2em;
	}
	.request-bg {
		min-height: 500px;
	}
	.request {
		min-height: 500px;
        margin-top: 0;
	}
	.request-info {
		margin-top: 0em;
	}
	.icons p {
		margin: 2em 0 0 0;
	}
	.footer {
		padding: 4em 0;
	}
}

@media (max-width:640px)
{
	.header {
		min-height: 406px;
	}
	.header-info a img {
		width: 16%;
	}
	.header-info h1 {
		font-size: 52px;
		margin: .5em 0 .5em 0;
	}
	.header-info {
		left: 5%;
	}
    
    
    #menu_hor  {
    /*    position: fixed;*/
      margin-left: auto;
      margin-right: auto;
        padding-top: 360px;
      left: 0;
      right: 0;
    /*  background: aliceblue;*/
    }
    
	.header-bottom p {
		font-size: 16px;
	}
	.header-bottom h3 {
		font-size: 40px;
	}
	.b-link-stripe .b-wrapper {
		top: 71%;
	}
	#filters li span.active {
		font-size: 14px;
		padding: 8px 10px;
	}
	#filters li span {
		font-size: 14px;
		padding: 8px 10px;
	}
	.work-text h4 {
		font-size: 14px;
	}
	.work-text p {
		font-size: 14px;
	}
	.button a {
		padding: .5em 2em;
	}
	.work h3 {
		font-size: 40px;
	}
	.photography h3 {
		font-size: 40px;
	}
	.photography {
		padding: 3em 0;
	}
	.photography p {
		font-size: 16px;
	}
	.request-info img {
		width: 8%;
	}
	.request-info p {
/*		width: 67%;*/
/*		margin: 1em auto;*/
	}
	input[type="text"] {
		width: 53%;
		padding: .7em;
	}
	input[type="submit"] {
		padding: .7em 2em;
	}
    .request h3 {
        margin-top: 12px;   
    }
	.request-info {
		margin-top: 5em;
	}
	.request-bg {
		min-height: 350px;
        height: 500px;
	}
	.request {
		min-height: 350px;
        height: 500px;
	}
	.icons p {
		font-size: 14px;
	}
}

@media (max-width:600px)
{
    #menu_hor  {
        display: none;
    }
}

@media (max-width:480px)
{
	.header-info {
		top: 11%;
	}
	.header-info h1 {
		font-size: 42px;
	}
	.header-info p {
		line-height: 1.8em;
	}
	.header {
		min-height: 300px;
	}
	.d-arrow  a{
		top: 82%;
	}
	.header-bottom p {
/*		overflow: hidden;*/
		height: 100%;
	}
	.template p {
		width: 90%;
	}
	.header-bottom {
		min-height: 618px;
	}
	.header-bottom h3 {
		font-size: 32px;
	}
	.work h3 {
		font-size: 32px;
	}
	.work {
		padding: 2em 0;
	}
	#portfoliolist .portfolio {
		width: 48%;
	}
	.photography h3 {
		font-size: 32px;
	}
	.photography {
		padding: 2em 0;
	}
	.photography p {
/*		overflow: hidden;*/
		height: 42px;
	}
	.photography-images {
		width: 50%;
	}
	.button {
		margin-top: 1em;
	}
	.button a {
		padding: .5em 1em;
	}
    .request-bg {
		min-height: 350px;
        height: 550px;
	}
	.request {
		min-height: 350px;
        height: 550px;
	}
    
	.request-info p {
/*		width: 90%;*/
	}
	.icons ul li {
		margin: 0 2em;
	}
	.icons p {
		margin: 1em 0 0 0;
	}
	.footer {
		padding: 2em 0;
	}
}
@media (max-width:320px)
{
	.header-info h1 {
		font-size: 30px;
	}
	.header-info a img {
		width: 22%;
	}
	.header-info p {
		font-size: 14px;
/*		overflow: hidden;*/
/*		height: 48px;*/
	}
	.header {
		min-height: 200px;
	}
	.d-arrow a{
		left: 45%;
	}
	.header-bottom p {
/*		height: 48px;*/
		margin: .5em auto;
	}
	.template p {
		font-size: 14px;
	}
	.header-bottom h3 {
		font-size: 24px;
		margin: .3em auto;
	}
	.template h4 {
		font-size: 16px;
        margin-top: 30px; 
	}
	.header-bottom {
		min-height: 431px;
	}
	#filters li span.active {
		font-size: 12px;
		padding: 8px 4px;
	}
	#filters li span {
		font-size: 12px;
		padding: 8px 4px;
	}
	.work-text h4 {
/*		overflow: hidden;*/
/*		height: 16px;*/
		margin: .3em 0 0 0;
	}
	.portfolio-wrapper {
		padding: .2em;
	}
	.work-text p {
		font-size: 12px;
		margin: 0;
	}
	.button a {
		font-size: 14px;
	}
	.work h3 {
		font-size: 24px;
	}
	.photography h3 {
		font-size: 24px;
	}
	.photography p {
		font-size: 14px;
	}
	.caption span {
		width: 20px;
/*		height: 20px;*/
		right: 39%;
	}
	.b-link-stripe .b-wrapper {
		top: 53%
	}
	p.b-animate.b-from-left.b-delay03 {
		font-size: 12px;
	}	
	.photography-images {
		padding: .5em;
	}
	.request-info p {
		font-size: 14px;
	}
	.request-info p {
/*		overflow: hidden;*/
		height: 46px;
	}
	input[type="text"] {
		width: 62%;
		padding: .5em;
		font-size: 14px;
	}
	input[type="submit"] {
		padding: .5em 1em;
		font-size: 14px;
	}
	.request-info {
/*		margin-top: 3em;*/
	}
	.request-bg {
		min-height: 260px;
	}
	.request {
		min-height: 260px;
	}
	.icons ul li {
		margin: 0 1em;
	}
	.icons ul li a.twitter {
		width: 26px;
		height: 26px;
		background-size: 439%;
	}
	.icons ul li a.twitter:hover {
		background-size: 439%;
	}
	.icons ul li a.dribble {
		background: url(../images/social.png) no-repeat -26px 0px;
		width: 26px;
		height: 26px;
		background-size: 426%;
	}
	.icons ul li a.dribble:hover {
		background: url(../images/socialhr.png) no-repeat -26px 0px;
		background-size: 426%;
	}
	.icons ul li a.behance {
		background: url(../images/social.png) no-repeat -61px 0px;
		width: 26px;
		height: 26px;
		background-size: 452%;
	}
	.icons ul li a.behance:hover {
		background: url(../images/socialhr.png) no-repeat -61px 0px;
		background-size: 452%;
	}
	.icons ul li a.instagram {
		background: url(../images/social.png) no-repeat -89px 0px;
		width: 26px;
		height: 26px;
		background-size: 440%;
	}
	.icons ul li a.instagram:hover {
		background: url(../images/socialhr.png) no-repeat -89px 0px;
		background-size: 440%;
	}
}