/*QUOTE*/
#quote {padding:64px 0;}
#quote .quote-div {position:relative;width:100%;display:flex;justify-content:left;}
#quote .quote-headline {float:left;text-align:left;position:absolute;left:16px;bottom:16px;}
#quote p {text-align:left;position:absolute;top:16px;left:16px;}
#quote .quote-div img {width:100%;}
#quote .color-accent {position:absolute;top:0;left:0;right:0;bottom:0;background: rgb(210, 221, 255, 0.8);}
#quote .design-line {width:64px;height:2px;background:white;float:left;margin:32px 32px 0 0;}

/*SME*/
#sme h2 {width:100%;}
#sme .continuation-div {width:100%;display:flex;margin:32px auto;}
#sme .continuation-div .surrounder {margin:32px auto;padding-bottom:64px;}
#sme .content-holder {width:100%;display: inline-block;}

#step-by-step {padding:64px 0;}

/*TECHNOLOGIES*/
#technologies .content-holder {width:100%;height:620px;margin-top:32px;}
#technologies .content-holder .technologies-li {display:inline-block;width:15%;height:100%;cursor:pointer;float:left;}
#technologies h3 {margin-top:32px;text-align:center;}
#technologies .content-holder .content {text-align:center;display:none;animation: appear-delay 0.6s;padding:32px;}
#technologies .logo-holder {width:100%;}
#technologies .logo-holder li {display:inline-block;margin:0 16px;}
#technologies .logo-img {max-width:128px;max-height:128px;margin:32px auto;}
#technologies p {text-align:left;}
#technologies .content-holder .plus-icon {width:48px;height:48px;margin:100% auto 0 auto;animation: appear-delay 0.6s;}
#technologies .content-holder .folded-content {display:flex;}
#technologies .content-holder .expanded {width:55%;cursor:default;}
#technologies .content-holder .expanded .content {display:block;}
#technologies .content-holder .expanded .folded-content {display:none;}
#technologies .separator {height:80%;width:1px;float:left;margin-top:62px;}
@keyframes appear-delay {0% {opacity:0;} 50% {opacity:0;} 100% {opacity:1;}}

/*CALL-TO-ACTION*/
#call-to-action .surrounder {margin:128px auto;padding:64px 0 128px 0;}
#call-to-action .button {margin-top:64px;}

@media screen and (max-width: 1300px) {
}

@media screen and (max-width: 1000px) {
    /*QUOTE*/
    #quote .ceo-image {margin:-32px 64px 0 0;width:256px;float:right;}
    /*TECHNOLOGIES*/
    #technologies .content-holder {margin-top:8px;height:1024px;}
    #technologies .content-holder .technologies-li {display:block;width:100%;height:15%;}
    #technologies .content-holder .content {padding:8px 0;}
    #technologies .logo-img {max-width:96px;max-height:96px;margin:8px auto;}
    #technologies p {width:80%;margin:8px auto;}
    #technologies .content-holder .plus-icon {width:32px;height:32px;margin:0;}
    #technologies .content-holder .folded-content {display:none;}
    #technologies .content-holder .expanded {height:55%;}
    #technologies .separator {height:1px;width:80%;margin:0 0 0 10%;}
}
@media screen and (max-width: 800px) {
    /*QUOTE*/
    #quote .image-holder {width:100%;display: inline-block;text-align: center;}
    #quote .ceo-image {margin:-32px auto 0 auto;float:none;}
    #quote .quote {width:90%;}
    /*SME*/
    #sme .content-div {width:100%;}
    #sme .separator {display:none;}
    #sme .left-div p {padding-left:0;}
    #sme .right-div p {padding-left:0;}
}

@media screen and (max-width: 600px) {
    /*TECHNOLOGIES*/
    #technologies .content-holder {height:1024px;}
    #technologies h3 {margin-top:40px;}
    #technologies p {width:90%;}
    #technologies .separator {width:90%;margin:0 0 0 5%;}
}