/* INDEX MENU */





.bloccontact{
width: 100%;
height:20%;
position: absolute;
bottom: 0%;
}


a {
color: #000;
}

.alexmarillat{
font-family: 'ATSackersSquareGothic';
font-size: 1.5vw;
text-align: center;
letter-spacing : 0.5vw;
margin-top: 4vw; 
}

.about{
font-family: 'ATSackersGothic-Light';
font-size: 0.7vw;
text-align: center;
letter-spacing : 0.2vw;
margin-top: 2vw;
color: black;
}


.home{
font-family: 'ATSackersGothic-Light';
font-size: 0.7vw;
text-align: center;
letter-spacing : 0.2vw;
margin-top: 7.5vw;
color: black;
}

.contact{
font-family: 'ATSackersGothic-Light';
font-size: 0.7vw;
letter-spacing : 0.2vw;
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
}

.image{
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
width: 30vw;
height: 30vw; 

}

.image img{

width: 100%;
height: auto; 
display: block;

}

.abouttexte{
position: absolute;
top: 50%;
left: 50%;
transform:translate(-50%, -50%);
text-align: center;
font-family: 'ATSackersSquareGothic'; 
font-size: 1.1vw;
Line-Height: 2.3vw; 
letter-spacing : 0.2vw;
width: 46vw;}

h3{

font-family: 'ATSackersGothic-Light';
font-size: 0.9vw;
Line-Height: 1vw; 
}


h4{
font-family: 'ATSackersGothic-Light';
font-size: 0.9vw;
}


h5{
font-family: 'ATSackersGothic-Light','Portrait-Regular';
font-size: 0.9vw;
}

.typo{
font-family: 'Portrait-Regular';


}

@media screen and (max-width: 480px)
{
 
.alexmarillat{

	font-size: 4vw;
	margin-top: 20vw; 

}

.image{
width: 60vw;
height: 60vw; 

}

.about{
font-size: 2.2vw;
letter-spacing : 0.2vw;
margin-top: 4vw;
}


.contact{

font-size: 2.2vw;
letter-spacing : 0.2vw;

}



.bloccontact{
width: 100%;
height:32%;

}


.home{
font-size: 2.2vw;
margin-top: 28vw;
color: black;
}

.abouttexte{

font-size: 3vw;
Line-Height: 4vw; 
width: 68vw;}

h3{

font-size: 2.2vw;
Line-Height: 1vw; 
}


h4{
font-size: 2.2vw;
}

h5{

font-size: 2.2vw;
}
}