/*
 *
 * Copyright 2018 WEBSTE Bartosz Stefanicki (www.webste.pl)
 * All rights reserved, Wszystkie prawa zastrzeżone.
 *
 */

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    html {
        font-size: 13px;
    }
    /*
     * ============================================================
     * SECTION 1
     * ============================================================
     */
    header.sectionBg {
        background-position: 52% center;
    }
    /* Text 1 */
    header.sectionBg h1#text1 {
        font-size: 2rem;
        line-height: 2.2rem;
        text-align: center !important;
    }
    header.sectionBg h1#text1 strong {
        font-size: 3rem;
    }
    header.sectionBg h2#text2 {
        font-size: 1.4rem;
    }
    /* White/Transparent Box */
    header.sectionBg h3#text3 {
        font-size: 1.5rem;
        text-align: center;
        margin: 0 0 -5px 0;
    }
    header.sectionBg h3#text4 {
        text-align: center;
    }
    header.sectionBg h3#text4 a {
        font-size: 2.9rem;
    }
    header.sectionBg h3#text5 {
        font-size: 1.5rem;
        text-align: center;
    }
    /* Form */
    form input.form-control {
        border: 1px solid #555;
        border-radius: 0;
    }
    /* Loaders */
    #form-sent {
        font-size: 1.2rem;
    }
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
    /*
     * ============================================================
     * SECTION 1
     * ============================================================
     */
    header.sectionBg {
        background-position: 52% center;
    }
    /* Text 1 */
    header.sectionBg h1#text1 {
        font-size: 3.8rem;
        line-height: 4rem;
        text-align: center !important;
    }
    header.sectionBg h1#text1 strong {
        font-size: 5rem;
    }
    header.sectionBg h2#text2 {
        font-size: 2.1rem;
    }
    /* White/Transparent Box */
    header.sectionBg h3#text3 {
        font-size: 2rem;
        text-align: center !important;
    }
    header.sectionBg h3#text4 {
        text-align: center !important;
    }
    header.sectionBg h3#text4 a {
        font-size: 3.5rem;
    }
    header.sectionBg h3#text5 {
        font-size: 1.8rem;
        text-align: center !important;
    }
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    html {
        font-size: 13px;
    }

    header.sectionBg {
        background-position: 40% center;
    }

    header.sectionBg h3#text3,
    header.sectionBg h3#text4,
    header.sectionBg h3#text5 {
        text-align: center;
    }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}

@media (min-width: 1700px) {
    html {
        font-size: 18px;
    }
}