/**** Contact page ****/
.container-fluid {
	width: 100%;
	margin-left: -10px;
}

#Enter {
	margin-left: 3em;
	width: 100%;

}

#Enter h2 {
	color: #f5f5f5;
	text-shadow: 0 0 40px black;




}
#Enter blockquote {
	color: #f5f5f5;
	text-shadow: 0 0 50px black;

}
h1 {
	text-align: center;
	}

.image {

	height:40%;
	width: 40%;
	margin-left: 30%;

	position: relative;


}
.header h1 {
	text-align: center;
	margin left: 40px;

}
.form-control {
	width: 40%;
	margin-bottom: 30px;
}
.form-group textarea {
	margin-left: 10px;
}


.Contact {
	margin-top: 20px;
	text-align: center;
}


#phone:hover {

  color: white;
  text-decoration: underline;
  transition: color 5s;
}
#you:hover {
	color:red;
	padding-right: 20px;
	transition: color 6s;
	display: inline-block;

}
.phone h1 {
	color: white;
	font-weight: bold;
	font-family: Arial;
	text-shadow: 0 0 100px black;
}

.phone p {
	text-align: center;
}
.Contact {
	text-align: right;
	padding-right: 20px;
	padding-left: 10px;

}
#find:hover {
 color: white;
 transition: color 3s;

}
.Search {

padding-left: 20px;
}
.Topic p {
	text-align: center;

}
.Topic h2 {
	text-align: center;
}

#carousell {
	margin-left: -15px;
	margin-right: -15px;
}
.carousel-control.left,.carousel-control.right {
	background-image: none;
}

.navbar
{
    position: fixed !important;
    width: 100%;
    top: 0;
   	display: inline-block;
    z-index: 1;
    position: relative;

    border-bottom-color: rgba(100,100,100,0.3);
    text-transform: uppercase;
  	letter-spacing: 0.05em;
  	background-color: black;
  	padding-top: 10px;

}

#find {
	color: yellow;

}

.container ul li {
	color:white;
}
.item-active {
	width:100%;
}



/**{box-sizing: border-box;}*/
/*.container {width: 80%; margin: 0 auto;
            color: white;}*/
.header h1 {
      text-align: center;
      font-style: italic;
      padding-right: 190px;
      width:30;
      color: white;
}


.pic {
      display: inline-block;
      float: left;
      width: 50%;
     margin-top: 20px;
      margin-right: 40px;
}
.intro h2 {
  font-family: Vivaldi,"Brust Script",fantasy;
  font-size: 2em;
  color: white;



}

/*Typography*/
h1,
h2,
h3,
h4 {
  font-family: Futura,  Helvetica, Arial, sans-serif;
  font-size: 2em;
  color: white;
}
.intro p {
  font-family: Vivaldi,"Brust Script",fantasy;
  font-size: 2em;
  font-weight: 100;
  padding-right: 30px;
}


body {
    background-color: black;
    width: 100%;
    height: 100%;


}
.header {
     color: black; }


.col-md-4 {
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 30px;
	color: white;

}
#work {
	padding: 0;
	width:100%;
}
.What {
	color: white;
	padding-top:3em;
	padding-bottom: 2em
}
.phone h1 {
	color: #0080ff;
}
.phone span {
	padding-top: 5em;
	color: white;
}
.phone p {
	color: #4d0056;
}
.container-fluid {
	background-color: black;
	width: 100%;
	height: 100%;
}
.title {
	text-align: center;
	color: white;
	padding-top: 3em;
	text-shadow: 0 0 60px red;


}
.layout {
color: white;
}
#find hover {
color: yellow;
  text-decoration: none;

  transition: color 5s;
}
.phone {
	padding-top: 3em;
}
#me-image {
background-image: url(../img/True.jpg);
width: 100%;
height: 60em;
background-attachment: fixed;
background-size: cover;

}
#about-image {
		background-image: url(../img/Homes.jpg);
		width: 100%
		height: 80em;
		background-attachment: fixed;
		background-size: cover;
}

}
footer {

	color: white;
	display: inline;
	float: right;
	width: 100%

}


footer iframe {
	margin-left: 30px;
}
footer p {
	padding-right: 5em;
}
footer a {
	margin-left: 5em;
}
.form {
	width: 80%;
	color: white;


}
.kontakt {

	width: 100%;
}
.adress h1 {
	color: white;
	text-align: center;
}
.adress p {
	color: white;
	text-align: center;
}

p3 {
	color: white;
}

.form-group {
	color: white;
	margin-bottom: 30px;
}
.form-group h2 {
	margin-left: 0.5em;
}
#Back {
	background-image: url(../img/boom.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 900px;
	width: 100%;

}
#new {
	padding-left: 20px;
	width: 40%;

}
#new h2{

	display: table-cell;
	vertical-align: middle;
	float: left;
	color: white;

}
#new button {
	display: table-cell;
	vertical-align: middle;
	float: left;
	margin-left: 20px;
}


#modalembed {
    height: 500px;
    width: 100%;
    padding: 10px;
}

#zebra p {
  	color: yellow;
  	text-shadow: 0px 0px 20px black;
}
#B-day1 {
	color: black;
}
.col-sm-offset-2{
	margin-left: -5px;
}
.col-xs-12-col-md-8{
	width: 100%;
	height: 100%;
}

form {
	margin-left: 10em;
	width: 100%;
}
#Moi {
	color: white;
	float: right;
	width: 40%;
      text-shadow: 10px 20px 40px yellow,
      			-10px 20px 40px yellow,
      			-10px -20px 40px yellow,
      			10px -20px 40px yellow;
       }

#it {
	padding-left: 4em;
	color: white;
	float: left;
	width: 40%;
	 text-shadow: 60px 30px 50px yellow,
  				-60px 30px 50px red,
  				60px -30px 50px yellow,
  				-30px -30px 50px red;
}

#link {
 float: left;
 }
.form-group {
	margin-left: 15px;
}

.skills {
	margin-top: 10px;
}

#skill-list {
	float: left;
  margin-top: 10px;
  color: white;
  width: 40%;
  text-shadow: 0 0 40px yellow;
  }
#message-box {
	margin-left: 10px;
}
#sign {
	margin-left: 15px;
}
#identity {
	margin-top: 60px;
}
.links {
	color: white;
	float: right;
}
#rain {
 width: 100%;
}
.carousel-caption {
	color: yellow;
	margin-bottom: 12em;
}