#teams-intro
{
    background-image: url('/img/EIVA visual.png');background-position: center;
}

#eiva_intro 
{
    padding: 4% 0;;align-items: flex-start;
}

#eiva_intro h1
{
    text-align: center;
    width: 30%
}
#eiva_intro div:first-child
{
    width: 100%;
    height: 70vh;
    display: flex;
    align-items: start;
    justify-content: center;
}

#eiva_intro figure
{
    width: 100%;height: 300px;;background-position: center;
}

#eiva_intro #sections section:first-of-type  figure
{
    background-repeat: no-repeat;background-size: cover;background-image: url('../img/NS.DLPI.jpg');
}

#eiva_intro #sections section:nth-child(2)  figure
{
    background-repeat: no-repeat;background-size: cover;background-image: url('../img/E.SF.XL.jpg');
}

#eiva_intro #sections section:last-of-type  figure
{
    background-repeat: no-repeat;background-size: cover;background-image: url('../img/Deep-Learning-damaged-pipe.jpg');
}

#eiva_intro section{
    font-size: .9vw;
    line-height: 120%;
    text-align: start;
}
#eiva_intro h3{
    font-size: 150%;
    padding: 4% 0;font-weight: 300;
}

#sections
{
    width: 100%;
    height: 50%;
    display: block;
    align-items: flex-start;
    justify-content: center;
}
#sections section
{
    width: 25%;font-size: 90%;;
    height: 100%;
    margin-inline: 2%;
}

#par {
    width: 10%;
    margin: 0 auto;
    font-size: 1vw;
    color: white;
    background-color:  rgb(5, 61, 83);
    text-transform: capitalize;
    height: 60px;
    transition: .5s;
}
#par a 
{
    color: inherit;
}
#par:hover
{
    background: var(--color);
    color: white;
}






@media only screen and (max-width: 900px)
{


    #eiva_intro
    {
        background-size: cover;
        background-attachment: fixed;
        font-size: 100%;
        height: auto;
        padding: 5% 0;
    }
    #eiva_intro h1
    {
        text-align: center;
        width: 100%
    }
    #eiva_intro div:first-child
    {
        width: 100%;
        height: 40%;
        display: block;
    }
    
    #eiva_intro div:first-child section
    {
        width: 90%;
        margin: 0 auto;
    }
    
    #eiva_intro section{
        font-size: 80%;
        line-height: 120%;
        width: 90%;
        margin: 0 auto;
        padding: 5% 0;
    }
    #eiva_intro h3{
        font-size: 150%;
        padding: 3% 0;
        font-variant: small-caps;
        text-align: center;
    }
    
    #sections
    {
        width: 100%;
        height: 50%;
        display: block;
        margin: 0 auto;
    }
    
     #par {
        width: 50%;
        margin: 0 auto;
        font-size: 100%;
        height: auto;
        display: grid;
        place-items: center;
        transition: .5s;
        padding: 5% 3%;
    }
}