/**Steps**/

/**Step 1**/

.step1 #background-image-fader{
    background-image: url("../assets/intro/intro-1.png");
}
.step1 h1{
    line-height: 72px;
    margin-bottom: 5px;
    
}
.adw-logo{
    position: absolute;
    top:76px; 
    width: 160px;
    height: 67px;
}
#step-1-content{
    padding-left: 125px;
     padding-top: 278px;
}
.supertitle{
    font-family: "Univers",Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 5px;
}
.adw-icon img{
    width: 72px;
    height: 64px;
    display: inline;
    float:left;
    margin-top: -32px;
    margin-left: 3px;
    margin-right: 9px;
}
#step-1-content p{
    margin-top: 0;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 11px
}
#step-1-content p.button-spacing{
    margin-bottom: 23px;
}
.start-arrow{
    width: 81px;
    height: 81px;
    border-radius: 50%;
    position: absolute;
    right:50px;
    top:340px;
    background-color: rgba(66, 115, 144, .8)
}
/**Step 2**/

.step2 #background-image-fader, .step3 #background-image-fader{
     background-image: url("../assets/intro/intro-3.png");
}
#step-2-content {
    display: block;
    padding: 93px 75px 45px 75px;
    height: 100%;
}
#step-2-content h1{
    font-weight: bold;
    font-size: 42px;
    margin-bottom: 24px;
}
#step-2-content p{
    font-size: 24px;
    
}
.vs{
    font-size: 32px;
    text-align: center;
    font-weight:bolder;
    width: 81px;
    height: 81px;
    border-radius:50%;
    border:1px solid white;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.vs span{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.vs-holder {
    width:10%;
    height: 75%;
    position: relative;
}
/**Step 3**/

#step-3-content {
    display: block;
    padding: 53px 70px 44px 73px;
    height: 100%;
}
#step-3-content h1{
    font-weight: bold;
    font-size: 48px;
    margin-bottom: 35px;
    letter-spacing: .03em;
}
#step-3-content h2{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: .06em;
}
#step-3-content h3{
        font-size: 28px;
    margin-bottom: 20px;
     letter-spacing: .025em;
}
a.lob-button {
    cursor: pointer;
    position: relative;
    width: 240px;
    height: 316px;
    background-color:#67605B;
    color: #ffffff;
    background-size: 151px 151px;
    background-position:  center 40px;
    background-repeat: no-repeat
}
a.lob-button:hover{
     background-color: #56504B;
}
.lob-button-finance{
    background-image: url("../assets/intro/cards/finance-card.svg")
}
.lob-button-it{
    background-image: url("../assets/intro/cards/it-card.svg")
}
.lob-button-hr{
    background-image: url("../assets/intro/cards/hr-card.svg")
}
.lob-button-marketing{
    background-image: url("../assets/intro/cards/marketing-card.svg")
}
.lob-button-sales{
    background-image: url("../assets/intro/cards/sales-card.svg")
}
.lob-button-holder {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.lob-label {
    font-size:28px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 70px;
}