@charset "UTF-8";

header{
    width:100vw;
    height:100vh;
    min-height:800px;

    & p{
        margin-bottom:1.5rem;
    }

    & .button{
        margin:.5rem;

        &:first-of-type{
            margin-left:0;
        }

        &:last-child{
            margin-right:0;
        }
    }
}

.parallax{
    & .button{
        margin:.5rem;

        &:first-of-type{
            margin-left:0;
        }

        &:last-child{
            margin-right:0;
        }
    }
}

#homeAbout,
#homeWho{
    & .icon{
        margin-bottom:1rem;
        width:80px;
        height:80px;
        border-radius:50%;
        background:#E01C08;
        background:linear-gradient(
            -45deg,rgba(224, 28, 8, 1) 0%,
            rgba(177, 17, 1, 1) 100%
        );
        display:inline-flex;
        align-items:center;
        justify-content:center;

        & > span{
            margin-top:.25rem;
            font-size:2rem;
            line-height:0;
            color:#fff;
        }
    }

    & h5{
        margin-bottom:1rem;
        color:var(--dark-color);
    }
}

#homeAbout{
    & .box-carousel{
        position:relative;

        & #servicesCarousel{
            height:200px;
            background-color:#fff;
            border-radius:25px;
            box-shadow:0px 5px 50px 2px #00000012;
            border:1px solid #eee;
            position:absolute;
            top:-100px;

            & .item{
                padding:0 2rem;
                height:200px;
                align-content:center;
                text-align:center;

                & figure{
                    margin-bottom:1rem;

                    & img{
                        width:80px;
                        display:inline;
                    }
                }

                & h5{
                    margin:0;
                    font-weight:600;
                }
            }
        }
    }

    & .images{
        & .background{
            border-radius:15px;

            & img{
                border-radius:inherit;
            }
        }
    }
}

#homeWho{
    & img.fluid{
        max-width:600px;
    }
}

@media(min-width:767px) and (max-width:1199px){
    #homeAbout{
        & .images{
            & .row{
                & .col:last-of-type{
                    display:none;
                }
            }
        }
    }
}

@media(max-width:575px){
    #homeAbout{
        & .images{
            & figure{
                max-height:500px;
            }

            & .row{
                & .col:last-of-type{
                    display:none;
                }
            }
        }
    }
}