* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: "Roboto Condensed", sans-serif;
}
html {
 scroll-behavior: smooth;
}
.top {
 background-image: url("../images/bg.jpg");
 background-size: cover;
 background-repeat: no-repeat;
}
header {
 background: rgb(220, 220, 220);
 background: linear-gradient(
  0deg,
  rgba(220, 220, 220, 0.07) 0%,
  rgba(83, 181, 255, 1) 100%
 );
 padding: 40px 100px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.logo {
 height: 55px;
 width: 33px;
}
nav {
 display: flex;
 justify-content: space-between;
 width: 25vw;
}
a {
 padding: 5px 15px;
 color: white;
 border-radius: 20px;
 border: 2px solid white;
 text-decoration: none;
}

.top_line {
 height: 75vh;
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 font-size: 30px;
 letter-spacing: 5px;
}

.top_line button {
 margin-top: 40vh;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 border: none;
 background-color: #de8700;
 color: white;
 height: 10vh;
 width: 20vw;
 border-radius: 100px;
 font-size: 18px;
}
button ion-icon {
 height: 28px;
 width: 28px;
 margin-left: 10px;
}
.more-info {
 display: flex;
 flex-direction: column;
 justify-content: space-evenly;
 align-items: center;
 height: 10vh;
 font-size: 40px;
}
.more-info a {
 border: none;
 background: none;
 color: white;
}
.main {
 margin-bottom: 70px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.entreprise {
 padding: 100px 10vw;
 text-align: center;
 background-color: #de8700;
 font-weight: bold;
 font-size: 20px;
 letter-spacing: 2px;
 color: white;
}

.ethics {
 margin-top: 50px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 50vw;
 flex-wrap: wrap;
}

.ethics_content {
 padding: 20px;
 border-radius: 15px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 width: 20vw;
 height: 20vw;
 margin-bottom: 30px;
}
.ethics_content img {
 width: 10vw;
 height: 10vw;
}
.call_to_action {
 display: flex;
 justify-content: center;
 margin-bottom: 100px;
}
.call_to_action button {
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 border: none;
 background-color: #de8700;
 color: white;
 height: 7vh;
 width: 15vw;
 border-radius: 100px;
 font-size: 18px;
}