/* ELKATE PEHA @2021 for SPOT */
/* Extra small devices (phones, 600px and down) */
#s1 {
    margin:0;
    width:100%;
    height:100vh;/*109*/
    background-color: rgba(0, 0, 0, 20%);
    /*background-image: url('../img/headerOutboundLearning.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;*/
    position:relative;
    display:block;
    /*tambahan*/
    overflow: hidden;
    bottom: 0;/*-70px*/
}
#s1::before{
    content: "";
    /*background-color: rgba(0, 0, 0, 100%);*/
    background-image: url('https://spot-excellent.com/media/img/big/outbound.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}
#s1 .container {
    width:90%;
    margin:auto;
}
#s1 .container:first-child {
    padding:5% 5% 5% 5%;
    /*tambahan*/
    position: relative;
    top:40vh;
}
#s1 .container p{
    font-size: 1.25em;
    margin: 0 0 0 0;
    color:rgb(249, 251, 249);
    text-align: right;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
#s1 .container span{
    font-size: 1.5em;
    color:rgb(78, 219, 60);
    font-weight: bold;
    text-transform: uppercase;
}
#s1 .container a:hover {
    color: #fff;
}

#s1 .highlighted:hover{
    background-color: #CC141A;
}


 /* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #s1::after{
        background-image: url('https://spot-excellent.com/media/img/big/outbound.jpg');
    }
    #s1 .container p{
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #s1 {
        margin:0 auto;
        width:100%;
        height: 100vh;
        /*background-color: rgba(0, 0, 0, 50%);*/
        position:static;
        display:block;
    }
    #s1::after{
        content: "";
        background-image: url('https://spot-excellent.com/media/img/big/outbound.jpg');
        background-position:center;
        background-repeat:no-repeat;
        background-size: cover;
        opacity: 1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;   
    }
    #s1 .container {
        width:80%;
        margin:auto;
    }
    #s1 .container:first-child {
        padding:0 0 0 0;
        position: relative;
        top: 50vh;
    }
    #s1 .container p{
        font-size: 2em;
        margin: 0 0 0 5vw;
        color:rgba(255,255,255,100%);
        text-align: center;
    }
    #s1 .container span{
        font-size: 1.75em;
        font-weight: bold;
        text-transform: uppercase;
    }
    #s1 .highlighted {
        background-color: #14cc45;
        font-family: 'Oswald', sans-serif;
        margin: auto;
        margin-top:30px;
        padding: 16px 80px;
        width: 220px;
    }
}