body{
	margin:0;
	padding:0;
	font-family: "Montserrat", sans-serif;
	background:#009fe3 url('../images/bg.jpg') no-repeat center center;
	background-size: cover;
	color:#fff;
}
*{
	box-sizing: border-box;
}
.invo-body-wrapper{
	min-height: 100vh;	
	padding:5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.invo-logo{
	width:clamp(240px, 20vw, 800px);
	margin:0 auto;
	max-width: :80%;
	position: absolute;
	left:50%;
	top:10vh;
	transform: translate(-50%, 0);
}

.invo-logo img{
	width:100%;
}



h1{
    font-size:clamp(80px, 8vw, 300px);
    margin:0;
    line-height:1.2
}

h4{
    margin:0;
    font-weight:normal;
    font-size:clamp(16px, 1.3vw, 50px);
}

h5{
    margin:2vh 0 0;
    font-size:clamp(16px, 1.3vw, 50px);
    font-weight:normal;
}

.invo-body-content{
    padding:5vw 0;
    text-align: center;

}

.invo-footer{
	position: absolute;
	left:0;
	padding:2vw 2vw 2vw 2.5vw;
	font-size:font-size:clamp(16px, 1vw, 50px);;
	bottom:0;
}

.invo-list{
    margin:0;
    padding:0;
    list-style-type:none;
    
    
}

.invo-list img{
    width:1.1vw;
    height:1.1vw;
    object-fit:contain;
    vertical-align:middle;
    margin-right:0.5vw;
}

.invo-list a{
    color:#fff;
    text-decoration:none;
    transition: all 0.3s linear;
    
}

.invo-list a span{
	transition: all 0.3s linear;
}

.invo-list li + li{
    margin-top:1.9vh
}

.invo-list a:hover span{
	box-shadow: 0 2px 0;
}

.invo-footer p{
	margin:2vh 0 0;
	padding:1.8vh 0 0;
	position: relative;
}

.invo-footer p:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:-20vw;
	right:42%;
	border-top:1px solid rgba(255, 255, 255, 0.5);
}

.invo-list a img{
	transition: all 0.3s linear;
	position: relative;
	left:0;
}

.invo-list a:hover img{
	left:0.2vw;
}

@media (max-width:767px){
	h1{
		font-size:clamp(32px, 12vw, 300px); 
		line-height: 1;
	}
}