@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

/* Bootstrap override */

html {
    font-size: 62.5%;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #59606b;
    background-color: #fafafa;
}

p {
    font-size: 1.2rem;
    line-height: 1.8;
}

p strong {
    font-weight: 700;
}

a, a.btn {
    font-size: 1.2rem;
}

a.text-link {
    font-size: 1.2rem;
    color: #29b14e;
    font-weight: 600;
}

h1 {
    font-size: 4.2rem;
}

h2 {
    font-size: 3.6rem;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2rem;
}

h5 {
    font-size: 1.6rem;
}

h6 {
    font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #000000;
}

.text-info {
    color: #014277 !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-5 {
    margin-top: 5rem !important;
}

.mt-6 {
    margin-top: 6rem !important;
}

.mt-8 {
    margin-top: 8rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

.pt-2 {
    padding-top: 2rem !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.pb-2 {
    padding-bottom: 2rem !important;
}

.pb-3 {
    padding-bottom: 3rem !important;
}

.pt-6 {
    padding-top: 6rem !important;
}

.pb-6 {
    padding-bottom: 6rem !important;
}

.pb-8 {
    padding-bottom: 8rem !important;
}

.pt-15 {
    padding-top: 15rem !important;
}

.pb-15 {
    padding-bottom: 15rem !important;
}

.pt-20 {
    padding-top: 20rem !important;
}

.pb-20 {
    padding-bottom: 20rem !important;
}

.pad_b_150 {
    padding-bottom: 150px !important;
}

.font-weight-bold {
    font-weight: 900 !important;
}
.pt-25 {
    padding-top: 25rem !important;
}
.no-border{
    border: none;
}


/* Custom */

.main {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
}

#hero {
    background-image: url("../img/hero.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 830px;
}
.card-deck .card{
    margin: 15px;
}
.card{
    background-color: #ededed;
}
.card-shadow{
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3);
}
.card-footer{
    border-top: none;
    background: none;
}

.slogan {
    font-size: 6rem;
    color: #fff;
    font-weight: 800;
    line-height: 1.063;
}
.pozostali {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 900;
}
.opis1 {
    font-size: 1.6rem;
    color: #171717;
    margin-left: 65px;
    line-height: 1.688;
}
.opis2 {
    font-size: 1.6rem;
    color:#171717;
    margin-left: 65px;
    line-height: 1.688;
    font-weight: 800;
}
.ram {
    border-left: 1px solid #1c242c;
}
.ostatnia {
    height: 100%;
}
.ciemny{
    background-color:#ededed;
}
.btn-bay{
    background-color: #1c242c;
    color: #fff;
    border-radius: 4px;
    font-size: 0.5rem;
    font-weight: 800;
    padding: 5px 15px;
    border: solid 1px #1c242c;
    animation-direction: 0.5s
}
.btn-more{
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 800;
    padding: 5px 15px;
    border: solid 1px #fff;
    animation-direction: 0.5s
}
.btn-bay:hover{
    background-color: #fff;
    color: #1c242c;
    border: solid 1px #1c242c;
}
.btn-more:hover{
    background-color: #fff;
    color: #1c242c;
    border: solid 1px #1c242c;
}

.ramka {
    border: solid 1px #1c242c;
    font-size: 3.6rem;
    border-radius: 4px;
    color:#171717;
    line-height: 1.688;
    font-weight: 800;
}
.ramka2{
    color:#171717;
    line-height: 1.688;
    font-weight: 800;
    border: solid 1px #1c242c;
    font-size: 3.6rem;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.motto {
    color: #171717;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.card-text {
    color: #171717;
    font-size: 1rem;
    line-height: 1.8;
}
footer{
    background-color: #1c242c;
}
.footer-heder {
    color: #ededed;
    font-size: 3.6rem;
    font-weight: 700;
    margin-top: 115px;
    line-height: 1.2;
    margin-bottom: 115px;
    text-transform: uppercase;
}

.footer-text {
    margin-top: 35px;
    font-size: 3.6rem;
    color: #ededed;
    margin-bottom: 115px;
    font-weight: 700;
}


/* RWD */

@media (max-width: 991px) {
    html {
        font-size: 55%;
    }
        #hero {
    background-position: right;
}


}

@media (max-width: 766px) {
        html {
        font-size: 55%;
    }
        #hero {
    background-position: right;
}

}

@media (max-width: 1024px) {
    

}

@media (max-width: 576px) {
         html {
        font-size: 55%;
    }
    #hero {
    background-position: right;
}
    .slogan{
        font-size: 4rem;
    }
    .opis1, .opis2{
        margin-left: 0px;
    }
    .ram{
        border-left: none;
    }
    .ramka{
        font-size: 2rem;
    }
    .ramka2{
        font-size: 2rem;
    }
    .margin-mobi{
        margin-top: 90px;
    }
    .card-text {
        font-size: 1.2rem;
    }
    .mt2m{
        margin-bottom: 2rem;
    }
    .footer-heder{
        font-size: 2rem;
        margin-top: 75px;
        margin-bottom: 75px;
    }
    .footer-text {
        margin-top: 15px;
        font-size: 2rem;
        margin-bottom: 40px;
    }
    .icon{
        max-width: 60px;
    }
    
}
.poz-button {
    position: absolute; 
    bottom: 0; left: 0; 
    width: 100%;
    padding-bottom: 10px;
}

.mt-50 {
    margin-top: 50%;
}