@charset "UTF-8";
/* CSS Document */

.sec .container-fluid {
    margin: 20px 0;
}

.sec .wrapper .sec h3 {
    color: #fff;
    text-shadow: 0 0 10px #333;
}

/* PC */
@media screen and (min-width: 768px) {
    .sec .container-fluid {
        max-width: 100vw;
    }
    .sec .wrapper {
        transform: translateY(50%);
    }
}

/* PC & Tablet */
@media screen and (min-width: 481px) {
    .sec .wrapper {
        text-align: center;
        background: rgba(51, 51, 51, 0.6);
        padding: 20px;
        border: 2px solid #fff;
        max-width: 800px;
        margin: auto;
        color: #fff;
    }
    .sec h3 {
        font-size: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .sec {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        padding: 40px 0;
    }
    .sec .wrapper {
        transform: initial;
    }
    .sec .visible-xs {
        display: none!important;
    }
}

/* Moblie */
@media screen and (max-width: 480px) {
    .sec .wrapper {
        text-align: center;
        background: rgba(51, 51, 51, 0.6);
        padding: 10px;
        border: 2px solid #fff;
        max-width: 300px;
        margin: auto;
        color: #fff;
    }
    .sec h3 {
        font-size: 2em;
    }
    .cont-gr h3 {
        font-size: 1.5em;
    }
}