*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html{height: 100%;}
body{margin: 0;padding: 0;font-family: Roboto;background:#000;}
a{transition-duration: 0.18s;color:inherit;text-decoration:inherit;}
a:hover{transition-duration: 0.12s;}
b{font-weight:400;}
img{border: none;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 100%;font-family:inherit;vertical-align: baseline;}

.wrapper{width:990px;margin:0 auto;}
.clear{clear:both;}
.button {background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}

#head{width:100%;height:803px;background:url(../images/head.jpg) no-repeat;background-position:center;}
#head .fb{margin-left:525px;margin-top:55px;transition-duration: 0.15s;}
#head .fb:hover{opacity:0.7;transition-duration: 0.16s;}
#contact-bar{width:100%;height:142px;background:#131313;color:#fff;}
#contact-bar .col-1{width:310px;height:142px;float:left;padding-top:35px;}
#contact-bar .col-1 h1{font-size:35px;font-weight:500;}
#contact-bar .col-1 h2{font-size:19px;font-weight:300;color:#f3f3f3;}
#contact-bar .col-2{width:355px;height:142px;float:left;padding-top:41px;}
#contact-bar .col-2 h3{font-size:19px;font-weight:300;color:#f3f3f3;}
#contact-bar .col-2 h4{font-size:29px;font-weight:500;}
#contact-bar .col-2 img{float:left;margin-top:-5px;margin-right:22px;}
#contact-bar .col-3{width:325px;height:142px;float:left;padding-top:41px;}
#contact-bar .col-3 h3{font-size:19px;font-weight:300;color:#f3f3f3;}
#contact-bar .col-3 h4{font-size:29px;font-weight:500;}
#contact-bar .col-3 img{float:left;margin-top:-5px;margin-right:22px;}

#formularz {width: 100%;color:#fff;padding: 20px;}
#formularz h3{color:#fff;font-size:36px;font-weight:300;text-align:center;margin-top:60px;margin-bottom:60px;}
#submit-button {background-color:#D52027;border-radius:10px;border:none;color:white;padding:15px 128px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;}
form {  max-width: 600px;
   text-align: center;
   margin: 20px auto;}
  
  input, textarea 
  {
     border:0; outline:0;
     padding: 1em;
     display: block;
     width: 100%;
     margin-top: 1em;
     resize: none;}

#onas{width:960px;margin:auto;}
#onas p{padding-left:100px;padding-right:100px;color:#fff;text-align:justify;}
#onas h3{color:#fff;font-size:36px;font-weight:300;text-align:center;margin-top:100px;margin-bottom:60px;}

#raty{margin-top:40px;margin-bottom:40px;}
#rodo{width: 990px;margin:0 auto;padding:60px;color:white;text-align:center;text-align:justify;}

#galeria a{margin-right:7px;margin-bottom:5px;display:inline-block;}
#galeria a:nth-of-type(7n){margin-right:0px;}
#galeria h3{color:#fff;font-size:36px;font-weight:300;text-align:center;margin-top:60px;margin-bottom:80px;}

#stopka{width:100%;background:#131313;color:#a2a2a2;font-size:14px;margin-top:30px;height:142px;}
#stopka .left{float:left;padding-top:30px;}
#stopka .right{float:right;padding-top:30px; text-align: right;}
#sleepy{width:100%; margin-top: 25px; margin-bottom: 25px; text-align:center;}

#map{width:990px;height:330px;margin-bottom:20px;}

#mail{color:white; width: 300px; margin-left: auto; margin-right: auto; margin-top: 200px; height: 400px; text-align: center;}

.rodolink a{color: #D52027;font-weight: 100;}

.rodolink a:hover{font-weight: bolder;}