* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Lexend';
	font-style: normal;
	text-decoration: none;
}

/*-------------------------------------------------------*/
/* DESKTOP VIEW */

@media screen and (min-width: 914px) {

.footer {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-around;
        background-color: black;
        height: 360px;
        width: 100%;
        box-sizing: border-box;
        left: 0px;
}
.footer-container {
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        position: relative;
        width: 100%;
        height: 75%;
        justify-content: space-around;
}
.main-footer-content {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 6.7vw;
        justify-content: center;
        width: 100%;
        height: 110px;
}
.kc-footer-logo {
        position: relative;
        display: flex;
        align-items: center;
        height: 60px;
        width: 306px;
}
.kc-footer-icon {
        position: absolute;
        width: 50px;
        height: 52.05px;
}
.kc-footer-text {
        position: absolute;
        width: 242.08px;
        height: 38px;
        left: 62px;
}
.email-info {
        position: relative;
        display: flex;
        align-items: center;
        width: 245px;
        height: 50px;
}
.email-icon {
        position: absolute;
}
.email-text {
        position: absolute;
        width: 200px;
        height: 23px;
        left: 45px;

        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: white;
}
.extra-footer-text a {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: white;

}
.extra-footer-text a:hover {
        color: #8fb5a6;
}
.extra-footer-text a:hover {
        color: #8fb5a6;
}
.footer-social-icons {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 10px;

        position: relative;
        width: 230px;
        height: 38px;
}
html, body {
        scroll-behavior: smooth;
}

}

/*-------------------------------------------------------*/
/* MOBILE VIEW*/

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

.footer {
	position: relative;
	display: flex;
	justify-content: center;
	background-color: black;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	left: 0px;
}
.footer-container {
	display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        position: relative;
        width: 100%;
        height: 100%;
        justify-content: space-around;
	padding: 45px;
}
.main-footer-content {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 4vw;
	justify-content: center;
	width: 100%;
	height: 300px;
	margin-bottom: 26px;
}
.kc-footer-logo {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
	width: 229px;
}
.kc-footer-icon-img {
	width: 100%;
}
.kc-footer-text-img {
	width: 100%;
}
.kc-footer-icon {
	position: absolute;
	width: 40px;
}
.kc-footer-text {
	position: absolute;
	width: 180px;
	left: 49px;
}
.email-info {
	position: relative;
	display: flex;
	align-items: center;
	width: 195.95px;
	height: 50px;
}
.email-icon {
	position: absolute;
	width: 25px;
}
.email-icon-img {
	width: 100%;
}
.email-text {
	position: absolute;
	left: 30px;

	font-size: 15px;
	line-height: 22px;
	color: white;
}
.extra-footer-text {
	text-align: center;
}	
.extra-footer-text a {
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	color: white;
}
.extra-footer-text a:hover {
        color: #8fb5a6;
}
.footer-social-icons {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 10px;

	position: relative;
	width: 230px;
	height: 38px;
}
html, body {
	scroll-behavior: smooth;
}

}