* {
    font-family: josefin-sans, sans-serif;
    font-weight:400;
}

body {
    max-width: 100vw;
}

.row {
    --bs-gutter-x: 0;  
}

/* Nav CSS */

.navbar {
    background-color: transparent !important;
    z-index: 3;
}


/* header CSS */

/* Set full-height images */
.hero {
    background-image: url('../images/A3COVER.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
	justify-content: center;
	/* text-align: center; */
	min-height: 100vh;
    z-index: 2;
}

.logoFullPage {
    background-image: url("../images/LogoFullPage.png");
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
    background-position: center;
}
.landing-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-size: cover;
    background-position: center;
    animation: rotate-images 15s infinite;
    opacity: 0;
}
/* Add custom classes for each image */
.image-1 {
    background-image: url("../images/A3COVER-01.png");
    animation-delay: 0s;
}

.image-2 {
    background-image: url("../images/A3COVER-02.png");
    animation-delay: 5s;
}

.image-3 {
    background-image: url("../images/A3COVER-03.png");
    animation-delay: 10s;
}

/* Animation for rotating images */
@keyframes rotate-images {
    0% {
            opacity: 0;
    }
    20% {
            opacity: 1;
    }
    33.33% {
            opacity: 1;
    }
    53.33% {
            opacity: 0;
    }
    100% {
        opacity: 0;
    }
}




/* Services styles */

.services {
    background-image: url('../images/A3COVERFlipped.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
	justify-content: center;
	/* text-align: center; */
    z-index: 2;
}

.sideLeft {
    background-image: url('../images/BG-L.png');
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 70vh;
    
}
.sideRight {
    min-height: 70vh;
    background-image: url('../images/BG-R.png');
    background-size: cover;
    background-position: center;
    position: relative;
}


.seviceText {
    margin-top: 100px;
}

img.imageMiddle {
    position:relative;
    width: 100%;
}