.logo-container {
    background-color: black; 
    padding: 0.5em 0.7em; 
    border-radius: 0.5em;
}

.logo-text {
    color:white !important;
}

.step-image {
    width: 700px !important;
    min-height: 70em !important;
    height: auto !important;
    object-fit: cover !important;
}

.step-header {
    /* font-size: 110%;  */
    padding-bottom: 2em;
}

.gallery-col .box-im {
    padding: 70px 70px 70px 70px;
}

.header-container {
	top: 0;
	transition: all 0.5s ease-in-out !important;
}

@media only screen and (max-width: 1500px) {
    .gallery-col .box-im {
        padding: 50px 50px 50px 50px;
    }
    .step-image {
        min-height: 40em;
        height: auto;
        object-fit: cover;
    }

    .step-header {
        font-size: 120%; 
        padding-bottom: 2em;
    }
}
@media only screen and (max-width: 1000px) {
    .step-image {
        min-height: 25em;
        height: auto;
        object-fit: cover;
    }
}
@media only screen and (max-width: 771px) {
	.header-container .link-custom {
		right: auto !important;
		margin: 4em 0 0 0 !important;
	}
	.header-top .header-container .menu-icon {
		top: 4.5em !important;	
	}
}
@media only screen and (max-width: 630px) {
    .step-image {
        height: 40em;
        height: auto;
        object-fit: cover;
    }
    .gallery-col .box-im {
        padding: 70px;
    }
}

@media only screen and (max-width: 400px) {
	.header-top .header-container .menu-icon {
		top: 2.5em !important;	
	}
}