/*----STAFF SECTION----*/
.staff-section .elementor-container {
    display:block;
}

.staff-wrapper {
    width:calc(33.333% - 4px) !important;
    display:inline-block !important;
}

.staff .elementor-cta {
    border-radius:1.5rem;
}

.staff {
    max-width:30rem;
    margin-left:auto;
    margin-right:auto;
    box-shadow: 0 0 2rem rgb(35 44 57 / 20%);
    border-radius: 1.5rem;
    -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
}

.staff:hover, .staff:active, .staff:focus {
    box-shadow:0 3rem 6rem 0 rgba(140,1,4,.2);
	-ms-transform:translateY(-0.5rem);
  -webkit-transform:translateY(-0.5rem);
	transform:translateY(-0.5rem);
}

/*-----------------------------------------
TABLETS 1080px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width:1080px) {
    
    .staff-wrapper {
    width:calc(50% - 4px) !important;
    }
    
}

/*-----------------------------------------
TABLETS 1024px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width:1024px) {
    
    .staff-section {
        max-width:70rem;
        margin:auto;
    }
    
}

/*-----------------------------------------
TABLETS 895px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width:895px) {
    
    .staff-wrapper {
        width:100% !important;
    }
    
    .staff-wrapper .elementor-widget-wrap {
        padding-left:0 !important;
    }
    
    .staff {
        max-width:30rem;
        margin-left:0;
    }
    
}

/*-----------------------------------------
TABLETS 767px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width:767px) {
    
    .staff-wrapper {
        width:50% !important;
    }
    
    .staff-wrapper .elementor-widget-wrap {
        padding-left:initial !important;
    }
    
    .staff {
        max-width:95%;
    }
    
    .staff-wrapper:nth-child(2) .staff {
        margin-left:auto;
    }
    
}

/*-----------------------------------------
TABLETS 641px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width:641px) {
    
    .staff-wrapper {
        width:100% !important;
    }
    
    .staff {
        max-width:95%;
        width:30rem !important;
        margin:auto;
    }
    
}