/* 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, 50%);*/
    /*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/medium/team-portrait-720.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:5px 5% 20% 5%;
    /*tambahan*/
    position: absolute;
    top:115px;/*0*/
    /*background-color: rgba(0, 0, 0, 0.40);*/
}
#s1 .container p{
    font-size: 1.75em;
    margin: 0 0 0 0;
    color:black;
    text-align: left;
}
#s1 .container span{
    font-size: 1.25em;
    font-weight: bold;
    color: #14cc45/*orange*/;
}
#s1 .container a:hover {
    color: #fff;
}
#s1 .container:last-child{
    background-color: rgba(0, 0, 0, 0.192);
    min-height:100vh;
    min-width: 100%;
    position:absolute;
    z-index: 1;
    bottom: 0;
}
#s1 .highlighted {
    background-color: #14cc45;
    font-family: 'Oswald', sans-serif;
    margin: auto;
    margin-top:30px;
    padding: 16px 60px;
    width: 220px;
    font-size: 1.1em;
}
#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/teamSpot.png')/*url('https://spot-excellent.com/trial-web2.0/media/img/big/headerProfil-landscape-1080.jpg')*/;
    }
    #s1 .container p{
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #s1::before{
        content: "";
        background-image: url('https://spot-excellent.com/media/img/big/teamSpot.png');
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #s1 {
        margin:0 auto;
        width:100%;
        height: 107vh;
        /*background-color: rgba(0, 0, 0, 50%);*/
        position:static;
        display:block;
    }
    #s1::before{
        content: "";
        background-image: url('https://spot-excellent.com/media/img/big/teamSpot.png');
        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;
        bottom: -60vh;
        left: -20vh;
    }
    #s1 .container p{
        font-size: 2em;
        margin: 0 0 0 5vw;
        color:rgba(255,255,255,100%);
        text-align: left;
    }
    #s1 .container span{
        font-size: 1.75em;
        font-weight: bold;
        color: #14cc45;
    }
    #s1 .highlighted {
        background-color: #14cc45;
        font-family: 'Oswald', sans-serif;
        margin: auto;
        margin-top:30px;
        padding: 16px 80px;
        width: 220px;
    }
}