.no_mobile {
  display: none;
}

body {
  font-size: 3vw;
}

.intro {
  height: 100vh;
  width: 100%;
  position: relative;
  /*background-color: #268F81;
  clip-path: ellipse(150% 95% at 75% 5%);*/
}



.intro {
height: 100vh;
width: 100%;
position: relative;
/*background-color: #268F81;
clip-path: ellipse(150% 95% at 75% 5%);*/
background-image: url(../images/back_index.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.content_intro{
width: 90%;
margin: 0 auto;
text-align: center;
padding: 5vh 0;
}

.logo{
height: 20vw;
display: block;
margin: 0 auto 2vh auto;
}

.payoff{
height: 6vw;
display: block;
margin: 0 auto;
}

.content_intro h1{
font-size: 240%;
margin: 3vh auto;
text-align: center;
color: #ffd745;
font-style: italic;
line-height: 0.8;
}

.content_intro h1 small{
font-size: 66%;
color: #fff;
margin-top: 2vh;
display: block;
line-height: 1.2;
}

.content_intro a{
color: #ffd745;
text-decoration: none;
}


.content_intro a:hover{
color: #ceaa2a;
text-decoration: none;
}


footer{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 30vh;
background-image: url(../images/colline.svg);
background-position: center top;
background-size: auto 110%;
background-repeat: no-repeat;
}

.content_foot{
width: 90%;
margin: 0 auto;
padding-top: 9.5vh;
line-height: 1.6;
}

.content_foot h1{
font-size: 150%;
color: #E3BD3A;
font-weight: 600;
margin-bottom: 1vh;
text-align: center;
}


.content_foot p{
font-size: 100%;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1.6;
}

.content_foot a{
color: #fff;
text-decoration: none;
}


.content_foot a:hover{
color: #E3BD3A;
text-decoration: none;
}