body{line-height:1.4;background-color: #2D1803;color:#ffffff}
body#arts {line-height:1.4;background-color: black;color:#ffffff}
h1, h2, h3, h4, h5, h5, p {color:#ffffff}
p, a {font-size:1em;color:#ffffff}

img, video, object, embed  {max-width: 100%;  height: auto;}
iframe {max-width: 100%;  }


.jumbotron {background: url('../img/narrativetop.jpg') no-repeat fixed;background-color:#2D1803 ;background-size:100% auto ;padding:18% 0 15% 0;margin-bottom: 3px;}
.jumbotrona {background: url('../img/narrativetop.jpg') no-repeat fixed;;padding:5% 0 ;margin-bottom: 3px;}
.otkrytka {background: url('../img/otkrytki.jpg') no-repeat ;}
.navbar {background:  #2D1803 }
#services h2 {margin-bottom:5%}
.servicesa {background: url('../img/imbryk.jpg') no-repeat bottom right;padding-top:2%}
.zielony {color:#168624}
.prawo {float:right}
.prawo img {float:right}
.contact-form {color:gray;}

#contact .glyphicon {margin-right:2px}

#msg-user-name, #msg-user-email, #msg-subject, #msg-content {width:800px;}
#msg-content {height:200px}
 input[type=text], textarea {
    border: 1px solid #168624;
    border-radius: 4px;
    color:gray;
    height:40px;
  
}
#formsMail  input[type=text], #formsMail  textarea {
    width:100%;    margin:1%;
}
#formsMail  textarea {height:200px}
#formsMail {width:500px;}

.flex{
  display: flex;
  flex-direction:  row;
  flex-wrap:  wrap;
  justify-content: space-around;
}
.zakres div{
  max-width:100px;
  padding:5px;
}
 @media screen and (max-width: 992px) {
  #msg-content, #msg-user-name, #msg-user-email, #msg-subject, #formsMail  {width:800px}
  #formsMail {width:400px;}
   .jumbotron {background: url('../img/narrativetop1000.jpg') no-repeat fixed;background-color:#2D1803 ;background-size:100% auto ;padding:18% 0 15% 0}
   }
   
 @media screen and (max-width: 768px) {
 #msg-content, #msg-user-name, #msg-user-email, #msg-subject{width:500px}
  .jumbotron {background: url('../img/narrativetop800.jpg') no-repeat fixed;background-color:#2D1803 ;background-size:100% auto ;padding:18% 0 15% 0}

   }
   
 @media screen and (max-width: 480px) {
 #msg-content, #msg-user-name, #msg-user-email, #msg-subject{width:400px}
  }

 @media screen and (max-width: 360px) {
 #msg-content, #msg-user-name, #msg-user-email, #msg-subject{width:300px}
 .jumbotron {background: url('../img/narrativetop400.jpg') no-repeat fixed;background-color:#2D1803 ;background-size:100% auto ;padding:18% 0 15% 0}
  }