/*
--- Colors ---
Granat - rgb(0, 140, 230), hsl(203, 100%, 45%)
Oliwkowy
Szary
--- Grid ---
ui-sm-* Phones max-width:               40em        (640px)
ui-md-* Tablets min-width:              40.063em    (641px)
ui-lg-* Desktops min-width:             64.063em    (1025px)
ui-xl-* Big screen monitors min-width:  90.063em    (1441px)
*/
body {
    -webkit-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out;
}
.counter {
    color: #456D2B;
}

hr {
    border-botton: none;
    border-top: 1px solid hsl(0, 0%, 90%);
}

/** MOBILE **/
@media screen and (max-width: 640px) {
    .hidden--mobile {
        display: none;
    }
}

/** TABLET **/
@media screen and (min-width: 641px) and (max-width: 1024px) {
    body.zoomed-1 {
        padding: 5rem 2.25rem;
    }
    body.zoomed-2 {
        padding: 12rem 4rem;
    }
    .panel-grid .ui-panel-title {
        border-bottom: 1px solid #737373;
    }
    .content__panel, .content__panel .ui-panel-title {
        display: block;
        font-family: 'UrwDinMedium', sans-serif;
        font-size: 1.25rem;
        color: #456D2B;
        padding-bottom: 1rem;
    }
}
body {
    transition: none !important;
}
@media screen and (min-width: 1025px) and (max-width: 1400px){
    body.zoomed-1 {
        max-width: calc(100% - 7.5rem) !important;
    }
    body.zoomed-2 {
        max-width: calc(100% - 13rem) !important;
    }

}