/*  Start of small screens
    -------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
/*  =================================================================
    3.0 Standards
================================================================== */
    .hide-for-xsmall {
        display: block !important;
    }
    .show-for-xsmall {
        display: none !important;
    }

    .txt-block-right {
        float: right;
    }
    .text-small-left {
        text-align: center;
    }

/*  3.6 Box
    -------------------------------------------------------------- */
    .small-box {
        position: absolute;
        width: 100%;
        max-width: 400px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10;
    }
    

/*  3.3 Column max width (mobile devices)
    -------------------------------------------------------------- */
    .s30 {
        max-width: 30%;
    }
    .s50 {
        max-width: 50%;
    }
    .s70 {
        max-width: 70%;
    }

}

/*  Start of medium screens
    -------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {
/*  =================================================================
    3.0 Standards
================================================================== */
    .show-for-medium,
    .show-starting-medium {
        display: block !important;
    }
    .show-for-small,
    .hide-for-medium,
    .hide-starting-medium {
        display: none !important;
    }
    .text-small-center {
        text-align: left;
    }

/*  3.3 Column max width (mobile devices)
    -------------------------------------------------------------- */
    .col.mRight {
        float: right;
    }

/*  3.3 Box
    -------------------------------------------------------------- */
    .medium-box {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

/*  3.7 Responsive Image Embed
    ---------------------------------------------------------- */
    .ARC-medium {
        position: relative;
        overflow: hidden;
    }
    .ARC-medium:before {
        display: block;
        content: '';
        width: 100%;
        padding-bottom: 100%;
    }
    .ARC-medium > .ARC-content {
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }
    .ARC-medium img:not(.ufo) {
        width: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/*  Start of large screens
    -------------------------------------------------------------- */
@media only screen and (min-width: 1280px) {
/*  =================================================================
    3.0 Standards
================================================================== */
    .hide-for-large {
        display: none !important;
    }
    .hide-for-medium,
    .show-for-large {
        display: block !important;
    }
}

/*  Start of xlarge screens
    -------------------------------------------------------------- */
@media only screen and (min-width: 1600px) {
/*  =================================================================
    3.0 Standards
================================================================== */
    .show-for-xlarge {
        display: block !important;
    }
}