/* @override 
	http://bsas.sanctusmedia.net/assets/css/responsive.css
	https://bsas.sanctusmedia.net/assets/css/responsive.css */

/** Extra small devices (portrait phones, less than 576px) 
No media query for `xs` since this is the default in Bootstrap **/


/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {}

/** Large devices (desktops, 992px and up) **/
@media (max-width: 1199.98px) {
    .logo {
        margin-top: 0px;
    }

    .navi.large {
        font-size: 21px;
    }
}

/** Medium devices (tablets, 768px and up) **/
@media (max-width: 991.98px) {
    .navi.small {
        text-align: center;
    }

    .navtext {
        margin-bottom: 10px !important;
    }

    ul.navbutton {
        float: right;
    }

    .logo {
        margin-top: -40px;
    }

    .navbar-collapse {
        position: absolute;
        right: 0px;
        z-index: 9999;
        display: block;
        background-color: #ffffff;
        border: 5px solid #f1f1f1;
        margin-top: -10px;
    }

    .navbar-nav li {
        margin: 3px 20px !important;
    }

}

/** Small devices (landscape phones, 576px and up) **/
@media (max-width: 767.98px) {
    .logo {
        margin-top: -30px;
    }

    .navi.small {
        text-align: center;
    }

    .navi.small ul.navtext li {
        padding: 5px 0px;
        font-size: 16px;
    }

}


/** Extra small devices (portrait phones, less than 576px) **/
@media (max-width: 575.98px) {
    .navi.small {
        text-align: center;
    }

    ul.navbutton {
        float: none;
    }

    .logo {
        margin-top: 0px;
    }
}