/* About Elixir */

.about-elixir-container { 
    width:1200px;
    margin:0 auto;
    animation-name: fade-in-effect;
    animation-duration: 2s;
    animation-fill-mode: forwards; 
    opacity:0;
}

.about-elixir { background: rgb(240,224,204); background: linear-gradient(180deg, rgba(240,224,204,1) 0%, rgba(255,255,255,1) 80%); width:100%; padding-top:120px; padding-bottom:60px; margin-bottom:40px; }

.about-elixir-logo { float:left; width:300px; padding:30px; margin-right:100px;}

.about-elixir-content { float:left; width:500px; }

.about-elixir-content p { font-size:20px; line-height:22px; color:#64312f; }
.about-elixir-content span { font-size:13px; line-height:15px; color:#64312f; display:block; margin-top:20px; }

.elixir-brand-concept { margin-top:100px; position:relative; }

.elixir-brand-concept::before { position:absolute; top:30px; left:160px; content:''; background:url("../img/about-elixir/quotes_top.webp"); width:100px; height:88px; }

.elixir-brand-concept::after { position:absolute; bottom:-50px; right:160px; content:''; background:url("../img/about-elixir/quotes_bottom.webp"); width:100px; height:88px; }

.elixir-brand-concept span { font-family: 'Optima'; font-weight: normal; font-style: normal; margin:0 0 30px 0; padding:0; font-size:30px; color:#d19a5f; text-transform:uppercase; }

.elixir-brand-concept-container { text-align:center; width:550px; margin:0 auto; position:relative; }

.elixir-brand-concept-container span { font-size:18px; line-height:20px; font-weight:bold; color:#64312f; display:block; }

.elixir-brand-concept-container p { font-size:16px;  }

/* Responsive */

@media only screen and (max-width : 1199px) {
    
.about-elixir-container { 
    width:100%;
}
.about-elixir { background: rgb(240,224,204); background: linear-gradient(180deg, rgba(240,224,204,1) 0%, rgba(255,255,255,1) 80%); width:100%; padding-top:120px; padding-bottom:40px; margin-bottom:40px; overflow:hidden; }

.about-elixir-logo { float:none; width:100%; padding:0 20px; margin:0 auto; text-align:center; }
.about-elixir-logo img { width:200px; height:63px; margin:0 auto;}

.about-elixir-content { float:none; width:100%; margin:0 auto; text-align:center; }

.about-elixir-content p { font-size:18px; line-height:20px; color:#64312f; line-height:22px; padding:20px; }
.about-elixir-content span { font-size:13px; line-height:15px; color:#64312f; display:block; margin-top:0; padding:0 20px;}

.elixir-brand-concept { margin:60px auto 0 auto; position:relative; width:100%; padding:20px; }

.elixir-brand-concept::before { position:absolute; top:60px; left:0; content:''; background:url("../img/about-elixir/quotes_top.webp"); background-size:cover; width:60px; height:53px; }

.elixir-brand-concept::after { position:absolute; bottom:10px; right:0; content:''; background:url("../img/about-elixir/quotes_bottom.webp");  background-size:cover;  width:60px; height:53px; }

.elixir-brand-concept span { font-family: 'Optima'; font-weight: normal; font-style: normal; margin:0 0 30px 0; padding:0; font-size:22px; line-height:24px; color:#d19a5f; text-transform:uppercase; }

.elixir-brand-concept-container { text-align:center; width:100%; margin:0 auto;}

.elixir-brand-concept-container span { font-size:18px; line-height:20px; font-weight:bold; color:#64312f; display:block; }

.elixir-brand-concept-container p { font-size:16px;  }

    
}