
body {font-family:'Raleway'}
.jumbotron {
    background-image: url(../odsniezanie-dachow-slask-bg.jpg);background-size:cover;background-attachment: fixed;
   ;height:90vh;display:grid}
.jumbotron .container {justify-self: center;align-self: center;}
.text-white {color:#0073bc !important}

 .list-unstyled a {color: #6c757d!important}
.list-unstyled a:hover {text-decoration: none}

h4.text-white {font-weight:700;margin-top:50px;}

.navbar-light .navbar-toggler {
    color: #0073bc ;
    border-color: #0073bc }
.navbar {padding:1rem 1rem}
.navbar-toggler-icon {filter: brightness(350%);}

h1.jumbotron-heading {font-weight:900;color:white;font-size:70px;padding-top:300px;text-shadow: 0px 3px 21px rgba(0, 0, 0, .3);}
.jumbotron .text-muted {color:white;font-weight:600;color:white!important}

.btn {padding:1rem;border-radius: 0px}
.rowblue {background-color:#0073bc;color:white;padding:0;margin:0;text-align:center;font-size:20px;font-weight:300}
 
.respoimg {width:100%;height:auto}
.grid-out {display: grid}
.grid-in {justify-self: center;align-self: center;} 
.nopad {padding:0}
.cytat {font-size:28px;text-align:Center;padding:100px;font-weight:300}
.bigpad {padding:100px 0}
.bigpad h2 {color:#0073bc;font-weight:700;font-size:36px }
.bigpad h3 {color:#444;font-weight:400;font-size:20px }

.justfy {text-align:justify;font-size:16px}

.btn-outline-secondary, .btn-outline-secondary a {color:#6c757d !important }
.btn-outline-secondary, .btn-outline-secondary a:hover, .btn-outline-secondary:hover a {color:white !important;text-decoration:none }

@media screen and (max-width:575px) {
    .nopad, .rowblue {padding:25px !important;}
    section {padding:20px;}
}

@media screen and (max-width:991px) {
    h1.jumbotron-heading {font-size:48px;padding-top:0}
    .jumbotron {padding-bottom:80px;}
}

@media screen and (min-width:992px) and (max-width:1366px) {
   h1.jumbotron-heading {font-size:48px;padding-top:60px} 
}