body{position:relative;background-color:#e8e6e6;font-family:'Open Sans',sans-serif;font-size:14px;color:#666;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif;color:#000;text-transform:uppercase}
h3{margin-bottom:1px}
h5{text-align:center}
p{margin-bottom:20px}
a{text-decoration:none; color:#eee;}
a:hover{text-decoration:none; color: #ccc;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{margin-left:12px;font-size:15px;font-style:italic;color:#000;line-height:5px;letter-spacing:0}


.row {
  padding-top: 15px;
}


#ustbolge {
    width: 100%;
    background: url(../images/topback.jpg);
    min-height: 550px;
    -moz-background-size: 100%;
    margin-top: -60px;
}


#altbolge {
    width: 100%;
    background: #232121;
    padding-bottom: 15px;
}


footer {
    width: 100%;
    margin: 0 0;
}
footer p {
    color: #fff;
    font-size: 12px;
}

footer h4 {
  color:white;
  text-align:center;
}

/********** LOGO ALIGNMENT **********/

.logo {
  text-align:center;
}

/* Jumbotrons: The jumbotrons are the configuration needed
to show the header image, the signup form and the logo.
-------------------------------------------------- */
.jumbotron {
  position: relative;
}
.jumbotron h1 {
  margin-bottom: 9px;
  font-size: 81px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
  color:white;
}
.jumbotron p {
  margin-bottom: 18px;
  font-weight: 300;
}
.jumbotron .btn-large {
  font-size: 20px;
  font-weight: normal;
  padding: 14px 24px;
  margin-right: 10px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.jumbotron .btn-large small {
  font-size: 14px;
}

/********** MASTER HEAD **********/
/*It's defines other items like paragraphs, headlines and alignments for the top part.
Not all designs are used in this theme.*/

.masthead {
  padding-top: 36px;
  margin-bottom: 72px;
}
.masthead h1,
.masthead p {
  text-align: center;
}
.masthead h1 {
  margin-bottom: 18px;
}
.masthead p {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 30px;
  line-height: 36px;
}

/********** FORM CONFIGURATION **********/
form {
    padding: 25px 0 20px;
    margin: 0;
    text-align:center;
}

input.email {
    width: 49.387755%;
    padding: 13px 10px 12px;
    font-size: 18px;
  text-transform:uppercase;
    border: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #9a9a9a;
}

/********** MEDIA QUERIES **********/
/*All media queries are defined in bootstrap-responsive.css. This are some tweaks to see better the site.*/

@media screen and (max-width:771px) {
  .logo {
    float:none;
    width:100%;
    text-align:center
  }
  .logo img {
    margin:0 auto;
    display:block;
    max-width:60%;
  }
  #icerik {
    margin-top:-2%;
  }
    #ustbolge {
    margin-left: 0px;
  }

}
/**This sets the max width of the parent containers at 1000px
@media screen and (min-width:1000px) {
  header.clearfix, section.content, footer {
    width:1000px;
    max-width:90%;
  }
}**/

/**First Break**/
@media screen and (max-width:840px) {
  #icerik {margin-top:0;}
}

@media screen and (max-width:499px) {
  .jumbotron h1 {font-size: 50px;}

#altbolge {
    width: 100%;
    background: #232121;
}

footer {
    width: 100%;
}
  .container {
    width: 100%;
  }


}