body {font-family:'Raleway'}
.jumbotron {
    background-image: url(../pozycjonowanie-bg.jpg);background-size:cover;background-attachment: fixed;
   ;height:90vh;display:grid}
.jumbotron .container {justify-self: center;align-self: center;}
.text-white {color:#862163 !important}

 .list-unstyled a {color: #862163!important}
.list-unstyled a:hover {text-decoration: none}

h4.text-white {font-weight:700;margin-top:50px;}

.navbar-light .navbar-toggler {
    color: #862163 ;
    border-color: #862163 ;
    background: #862163;
}

.biggetxtx {padding: 100px 0 200px 0;font-size:22px;text-align:center}
.tekstuj {font-size: 12px; text-align: justify}
.btn-primary:hover {background-color:#862163;border-color:#862163}}
.navbar {padding:1rem 1rem}
.navbar-toggler-icon {filter: brightness(350%);}
h4.text-white  a {color: #862163;cursor: default}
h4.text-white a:hover {text-decoration:none}
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:#862163;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:#862163;font-weight:700;font-size:36px }
.bigpad h3 {color:#444;font-weight:400;font-size:20px }
.container {font-size:12px;text-align:justify}
.container h1 {font-size: 26px}
.justfy {text-align:justify;font-size:16px}



.btn  {background-color:#e67817;border-color:#e67817}
.btn:hover {background-color:#e67817;border-color:#e67817}

.btn-primary {background-color:#862163;border-color:#862163}
.btn-primary:hover {background-color:#862163;border-color:#862163}

.btn-outline-secondary, .btn-outline-secondary a {color:#862163 !important }
.btn-outline-secondary, .btn-outline-secondary a:hover, .btn-outline-secondary:hover a {color:white !important }

@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} 
}


 .bg-light {
    background-color: white !important
}