/* slider.css */

#slider-container
{
    width: 100%;
    display: grid;
    background-color: #222;
}

/* - -  - -  - -  - -  - -  - -  - -  - -  - - */

.slide-img
{
    grid-row: 1;
    grid-column: 1;

    align-self: center;

    max-width: 100%;

    z-index: 1;
}

@media( min-width: 768px )
{
    .slide-img
    {
        grid-column: 1/span 3;			
    }
}

/* - -  - -  - -  - -  - -  - -  - -  - -  - - */


#slide-cover
{
    z-index: 2;

    align-self: center;
    justify-self: center;

    width: 100%;
    height: 100%;

    background-color: #000;
    opacity: 0;

    grid-row: 1;
    grid-column: 1/ span 3;
}



/* - -  - -  - -  - -  - -  - -  - -  - -  - - */

.slide-txt
{
    display: grid;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    grid-gap: 16px;
    width: 80%;

    max-width: 100%;

    justify-self: center;

    margin: 32px 0;

    z-index: 3;
}

@media( min-width: 768px )
{
    .slide-txt
    {
        grid-column: 2;
        align-self: center;
        grid-gap: 24px;
        margin-bottom: 64px;

        /* width: 100%; */			
    }
}

/* - */

.slide-txt *
{
    color: #fff;

}

/* - */

@media( min-width: 768px )
{
    .slide-txt h1
    {
        font-size: 40px;
    }
}

/* - */

.slide-sub
{
    color: #A22851;
}

@media( min-width: 768px )
{
    .slide-sub
    {
        font-size: 24px;
    }
}

/* - */

.slide-btn
{
    background-color: #842243;
    justify-self: start;
    padding: 16px 32px;
	/*
    border-radius: 8px;
    border: solid #fff 2px;
	*/
    transition: ease background .4s, ease border .4s;
}

.slide-btn a
{
    text-decoration: none;
}

/* - */	

@media( min-width: 768px )
{
    .slide-btn
    {
        margin-top: 8px;
        font-size: 18px;
    }
}

.slide-btn:hover
{
    background-color: #111;
    /* border: solid #222 2px; */
    cursor: pointer;
}

/* - */