@charset "UTF-8";
 @import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:400|Lora:400);
 html {
	 font: 400 1em;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	 /* font: 400 1em "Nexa", serif; */
	 /* font: 400 0.7518796992em "Lora", serif; */
	 background-color: #262B39;
	 /* background-color: #ffffff; */
	 /* background-color: #191919; */
}
 body {
	 padding-bottom: 3em;
   max-width: 100%;
}
.logo {
  width: 10%;
  /* width: 12%; */
}
 .profile {
	 background: url("img/Phillipe-Boulangerie-Louise.jpg") center 30%;

	 height: 50vh;
	 background-size: cover;
   /* background-position-x: 100%; */
   /* background-position-y: bottom; */
}
@media (max-width: 520px) {
  .profile {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
 }
}
 @media (min-width: 55em) {
	 .profile {
		 width: 40%;
		 position: fixed;
		 top: 0;
		 left: 0;
		 bottom: 0;
		 height: auto;
	}
}
 @media (min-width: 80em) {
	 .profile {
		 width: 50%;
	}
}
@media (max-width: 1024px) {
  .profile {
    background-position-x: 62%;
    /* background-position-x: 49%; */
    /* background-position-y: bottom; */
 }
 .lead {
   font-size: 1.2em !important;
 }
}
@media (max-width: 768px) {
  .profile {
    /* background-position-x: 50%; */
    /* background-position-y: center; */
    background-position-y: 10%;
 }
}
@media (max-width: 375px) {
  .profile {
    /* background-position-x: 100%; */
    /* background-position-y: bottom; */
    background-position-y: 10%;
 }
 hr {
    margin: 3em 3em !important;
}
.logo {
  width: 22%;
}
}

 article {
	 color: #f0f0f0;
	 /* color: #484848; */
}
 @media (min-width: 55em) {
	 article {
		 margin-left: 40%;
		 position: relative;
		 max-width: 73em;
		 /* max-width: 66em; */
	}
}
 @media (min-width: 80em) {
	 article {
		 margin-left: 50%;
	}
}
 header {
	 text-align: center;
	 padding: 0 2em;
   padding-top: 3em;
}
 /* h1 {
	 font-family: "Old Standard TT", serif;
	 color: #333333;
	 text-transform: uppercase;
	 font-weight: 400;
} */
h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* font-family: "Nexa", serif; */
  color: #f0f0f0;
  /* color: #333333; */
  text-transform: uppercase;
  font-weight: 800;
  background: linear-gradient(to left, #007083, #52C9C5);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 .nth-line-1, .nth-line-2 {
	 line-height: 1;
}
 .nth-line-1 {
	 /* font-size: 4.5vw; */
	 font-size: 8vw;
	 /* font-size: 19vw; */
}
 @media (min-width: 55em) {
	 .nth-line-1 {
		 font-size: 4.5vw;
		 /* font-size: 10.5vw; */
	}
}
 .nth-line-2 {
	 /* font-size: 4.5vw; */
	 font-size: 8vw;
	 /* font-size: 14.5vw; */
}
 @media (min-width: 55em) {
	 .nth-line-2 {
		 font-size: 4.5vw;
	}
}
 .lead {
	 color: #f0f0f0;
	 /* color: #484848; */
	 font-size: 1.5625em;
	 max-width: 22em;
	 /* max-width: 20em; */
	 margin: 0 auto;
	 text-align: center;
}
hr {
    border: 1px solid #007083;
    /* border: 1px solid #dedede; */
    margin: 3em 13em;
    /* margin: 5em 0; */
}

 section {
	 -moz-column-width: 15em;
	 column-width: 15em;
	 -moz-column-gap: 1.33em;
	 column-gap: 1.33em;
	 padding: 0 1em;
}
 /* section {
	 -moz-column-width: 14em;
	 column-width: 14em;
	 -moz-column-gap: 1.33em;
	 column-gap: 1.33em;
	 padding: 0 1em;
} */
 @media (min-width: 55em) {
	 section {
		 padding: 0 3em;
	}
}
 section p:first-of-type:first-letter {
	 color: #52C9C5;
	 /* color: #f0f0f0; */
	 /* color: #333333; */
	 float: left;
	 font-size: 7em;
	 line-height: 1;
	 margin-top: -0.2em;
	 /* margin-bottom: -0.2em; */
	 margin-right: 0.1em;
}
 img {
	 max-width: 100%;
	 margin-bottom: 1.33em;
	 vertical-align: middle;
}
 blockquote {
	 border-left: 0.2em solid #52C9C5;
	 /* border-left: 0.2em solid #ec6a72; */
	 /* border-left: 0.2em solid #333333; */
	 font-size: 1.953125em;
	 padding: 0.5em 0.5em;
	 /* padding: 0.1em 0.5em; */
	 /* line-height: 1.5; */
	 margin-left: 0;
	 margin-right: 0;
	 quotes: "“" "”" "‘" "’";
}
 blockquote::before, blockquote::after {
	 color: #52C9C5;
	 /* color: #f0f0f0; */
	 /* color: #333333; */
	 font-size: 1.25em;
	 line-height: 0;
}
 blockquote::before {
	 content: open-quote;
}
 blockquote::after {
	 content: close-quote;
}
 @media (min-width: 55em) {
	 blockquote {
		 position: absolute;
		 right: 100%;
		 top: 80vh;
		 width: 9em;
		 background: #262B39;
		 /* background: #ffffff; */
		 /* background: #191919; */
	}
}

/* Footer */

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 0rem!important;
}

/* @media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}

@media (min-width: 992px){
.container {
    max-width: 960px;
}
}
@media (min-width: 768px){
.container {
    max-width: 720px;
}
}
@media (min-width: 576px){
.container {
    max-width: 540px;
}
} */
.container {
    /* width: 100%; */
    /* max-width: 720px; */
    max-width: 500px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.text-center {
    text-align: center!important;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
@media (min-width: 768px){
.d-md-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
}
@media (min-width: 768px){
.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}

.col-md-12 {
position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px){
.ml-md-auto, .mx-md-auto {
    margin-left: auto!important;
}
}

@media (min-width: 768px){
.mr-md-auto, .mx-md-auto {
    margin-right: auto!important;
}
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
a {
    color: #52C9C5;
    /* color: #007bff; */
    text-decoration: none;
    background-color: transparent;
}

.text-muted {
    color: #6c757d!important;
}
.ml-2, .mx-2 {
    margin-left: .5rem!important;
}

.mr-2, .mx-2 {
    margin-right: .5rem!important;
}
.d-block {
    display: block!important;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
.fa {
    display: inline-block;
    /* font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
@media (min-width: 768px){
.justify-content-md-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.underline {
  text-decoration: underline;
}

.col-md-12{
padding-right: 0px;
padding-left: 0px;
}

strong{
  color : #52C9C5;
    /* background: linear-gradient(to left, #007083, #52C9C5);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}