html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;user-select:none; }
html, body { width:100%; height:100%; background:#FFC14C; text-align:center; padding:0; margin:0; position:relative; }
body {  }

/* FONTS **************/
/* MT Soft Thin *******/ @font-face { font-family:'MT Soft Thin';       src:url('../fonts/MTSoft/MTSoft-Thin.woff2')                  format('woff2'),      url('../fonts/MTSoft/MTSoft-Thin.woff')                  format('woff'); font-weight:100;  font-style:normal; }
/* MT Soft Light ******/ @font-face { font-family:'MT Soft Light';      src:url('../fonts/MTSoft/MTSoft-Light.woff2')                 format('woff2'),      url('../fonts/MTSoft/MTSoft-Light.woff')                 format('woff'); font-weight:300;  font-style:normal; }
/* MT Soft Regular ****/ @font-face { font-family:'MT Soft Regular';    src:url('../fonts/MTSoft/MTSoft-Regular.woff2')               format('woff2'),      url('../fonts/MTSoft/MTSoft-Regular.woff')               format('woff'); font-weight:400;  font-style:normal; }
/* MT Soft Medium *****/ @font-face { font-family:'MT Soft Medium';     src:url('../fonts/MTSoft/MTSoft-Medium.woff2')                format('woff2'),      url('../fonts/MTSoft/MTSoft-Medium.woff')                format('woff'); font-weight:500;  font-style:normal; }
/* MT Soft Bold *******/ @font-face { font-family:'MT Soft Bold';       src:url('../fonts/MTSoft/MTSoft-Bold.woff2')                  format('woff2'),      url('../fonts/MTSoft/MTSoft-Bold.woff')                  format('woff'); font-weight:700;  font-style:normal; }
/* MT Soft Extra Bold */ @font-face { font-family:'MT Soft Extra Bold'; src:url('../fonts/MTSoft/MTSoft-ExtraBold.woff2')             format('woff2'),      url('../fonts/MTSoft/MTSoft-ExtraBold.woff')             format('woff'); font-weight:800;  font-style:normal; }
/* MT Soft Black ******/ @font-face { font-family:'MT Soft Black';      src:url('../fonts/MTSoft/MTSoft-Black.woff2')                 format('woff2'),      url('../fonts/MTSoft/MTSoft-Black.woff')                 format('woff'); font-weight:900;  font-style:normal; }
/* MissCookiesCoffee **/ @font-face { font-family:'MissCookiesCoffee';  src:url('../fonts/MissCookiesCoffee/MissCookiesCoffee.woff2') format('woff2'),      url('../fonts/MissCookiesCoffee/MissCookiesCoffee.woff') format('woff'); font-weight:900;  font-style:normal; }

#divContent { text-align:center; }
#divLogoCoofillsContent { margin:auto; max-width:500px; width:80%; margin-top:30px; }
#divLogoCoofills { margin:auto; width:100%; height:0; margin-top:10px; background-size:100%; background-repeat:no-repeat; padding-bottom:22.7%; background-image:url('../images/coofills-v2.1.svg'); }

#divLogoCoofillsSlogan { margin-top:40px; font-family:'MT Soft Thin'; font-size:40px; }
#divLogoCoofillsSlogan a.mcc { position:relative; display:inline-block; text-decoration:none; cursor:pointer; font-family: 'MissCookiesCoffee'; color:#FFFFFF; background:#EB1E83; margin-top:12px; font-size:45px; line-height:40px; padding:11px 30px 5px 124px; border-radius:10px; }
#divLogoCoofillsSlogan a.mcc::before { content:''; position:absolute; left:24px; top:-16px; width:80px; height:80px; background:url('../images/logo-miss-cookies-coffee.svg') no-repeat; background-size:100%; border:solid 4px #EB1E83; border-radius: 50%; } 

@media (max-width:600px) {
   #divLogoCoofillsSlogan { font-size:35px; }
   #divLogoCoofillsSlogan a.mcc { font-size:40px; line-height:32px; padding:12px 20px 4px 114px; border-radius:10px; }
   #divLogoCoofillsSlogan a.mcc::before { left:20px; top:-14px; width:70px; height:70px; }
}

@media (max-width:520px) {
   #divLogoCoofillsSlogan { margin-top:30px; font-size:30px; }
   #divLogoCoofillsSlogan a.mcc { font-size:35px; line-height:26px; padding:10px 14px 4px 94px; border-radius:7px; }
   #divLogoCoofillsSlogan a.mcc::before { left:16px; top:-13px; width:60px; height:60px; border-width:3px; }
}

@media (max-width:440px) {
   #divLogoCoofillsSlogan { margin-top:20px; font-size:25px; }
   #divLogoCoofillsSlogan a.mcc { font-size:29px; line-height:18px; padding:10px 16px 6px 78px; border-radius:7px; }
   #divLogoCoofillsSlogan a.mcc::before { left:11px; top:-11px; width:50px; height:50px; }
}

@media (max-width:360px) {
   #divLogoCoofillsSlogan { font-size:22px; }
   #divLogoCoofillsSlogan a.mcc { font-size:26px; line-height:16px; padding:10px 10px 6px 65px; border-radius:5px; margin-top:6px; }
   #divLogoCoofillsSlogan a.mcc::before { left:8px; top:-8px; width:44px; height:44px; }
}

#divCouchesCoofills { max-width:800px; max-height:400px; width:90%; position:relative; margin:100px auto 70px auto; }
#divCouchesCoofillsContent { position:relative; max-width:800px; padding-bottom:50%; width:100%; background:url('../photos/couches-coofill.png') no-repeat; background-size:100%; margin:0px auto; }
#divCouchesCoofillsContent::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/couches-coofill-v2.svg') no-repeat; background-size:100%; }

#divImagesCoofills { padding:50px 0 50px 0; background:#FFD85A; }
.divCoofill { display:inline-block; padding-bottom:90px; position:relative; }
.imgCoofill { max-width:100%; }
.divCoofill span.parfumCoofill { position:absolute; bottom:30px; left:0; right:0; font-size:40px; line-height:45px; font-family:'MT Soft Medium'; }
.divCoofill span.coofill { font-family:'MT Soft Light'; }
.divCoofill span.parfum { }

@media (max-width:360px) {
   .divCoofill { padding-bottom:90px; }
   .divCoofill span.parfumCoofill { font-size:35px; line-height:39px; }
}

@media (max-width:1599px) {
   #brImgCoofill { display:none; }
}

#divCoofillVide { display:none; width:400px; height:300px; max-width:100%; }

@media (max-width:1199px) {
   .imgCoofill { /*margin-top:-10px;*/ }
   #divCoofillVide { display:inline-block; }
}

@media (max-width:800px) {
   #divCoofillVide { display:none; }
}

#divVideoCoofills { /*background:#DDAE3F;*/ padding:100px 0; }
.iframe-responsive-wrapper-content { width:90%; max-width:1200px; margin:auto auto; }
.iframe-responsive-wrapper { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.iframe-responsive-wrapper iframe, .iframe-responsive-wrapper object, .iframe-responsive-wrapper embed { position:absolute; top:0; left:0; width:100%; height:100%; }

@media (max-width:440px) {
   #divVideoCoofills { padding:80px 0; }
}