body {
  background: rgb(255, 255, 255);
  font-family: "quicksand", sans-serif;
  color: #4f6f73;
}

h3 {
  font-size: 35px;
  font-family: bebas-neue, sans-serif;
}

h4 {
  font-size: 28px;
  font-family: bakerie-rough, sans-serif;
}

p {
  font-size: 18px;
}

::-moz-selection {
  color: #395255;
  background-color: #ace7ed;
}

::selection {
  color: #395255;
  background-color: #ace7ed;
}

/*liens*/
a {
  color: #4f6f73;
  font-size: 20px;
  margin-right: 30px;
  font-weight: 400;
}

.more, .container-header a {
  background-color: #f7f0e2;
  color: #858367;
  padding: 5px 40px 8px ;
  border-radius: 50px;
}

.container-header a {
  background-color: #9FCACF;
  color: #395462;
}

.container-header a:hover {
  background-color: #ace7ed;
  color: #6890a4;
}

.more:hover {
  background-color: #fffbf4;
  color: #bcb885;
}

.contact {
  text-decoration: none;
}

.contact:hover, nav a:hover {
  color: #6890a4;
}

.container-header a {
  padding: 10px 40px 15px ;
}





/*header*/
header {
  position: sticky;
  top: 0;
  background-color: white;
  padding-top: 20px;
}

/*titre de site*/
h1 {
  font-size: 17px;
  margin-left: 15px;
  font-weight: 600;
}

header img {
  width: 100px;
}

.container-header {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: space-around;
}

.container-logo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 30px;
}

/*navigation*/
nav {
  background-color: #ffffff;
  border: #c7eab9bb solid 4px;
  text-align: center;
  margin-top: 20px;
  padding: 40px;
}

.container-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.end-nav {
  margin-right: 0;
}




/*main*/


/*titre de page*/
h2 {
  color: #f7f0e2;
  font-size: 24px;
  background-image: url(../img/sun.jpg);
  background-size: cover;
  background-position: top;
  padding: 40px 30px 60px;
  margin: 0;
  margin-bottom: 50px;
}

/*contenu*/
.part {
  margin: 0 15px 50px;
}

.color-section {
  background-color: #c7eab9bb;
  padding: 20px 15px;
}

.container-services {
  display: flex;
  flex-flow: row wrap-reverse;
  margin-bottom: 50px;
}

.container-services div {
  width: 500px;
}

.container-services img {
  width: 250px;
  height: auto;
  margin-right: 30px;
}

.container-bienvenue {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 50px;
}

.container-bienvenue div {
  width: 500px;
}

.container-bienvenue img {
  width: 250px;
  height: 325px;
  margin-left: 30px;
}

.container-myself {
  display: flex;
  flex-flow: row wrap-reverse;
  align-items: flex-end;
  margin-bottom: 50px;
}

.container-myself div {
  width: 500px;
}

.container-myself img{
  width: 300px;
  height: 385px;
  margin-right: 30px;
}

strong {
  font-family: bakerie-rough, sans-serif;
}

/*footer*/

footer {
  padding: 15px 20px 30px 20px;
  background-color: #ffffff;
  border: #c7eab9bb solid 4px;
}