/* FONT BEAC */
/* 'Overpass' ou 'Lobster' */

/* VARIABLES BEAC utilisation: var(--color-primary); */
:root {
  --color-primary: #E75113; /* orange */
  --color-secondary: #f7a700; /* rose */ /* #E41171 pour 2021 */

  --color-violet: #5A5099; /* violet */
  --color-blue: #0099B5; /* bleu */
  --color-green: #f7a700; /* vert  #B0B503 */
  --color-yellow: #F7A600; /* jaune */

  --color-text: white; /* gris anthracite #646567 */
  --color-white: white; /* black */
  --color-black: black; /* black */

  --color-darkviolet: #3B1F52; /* violet foncé */
  --color-red: #E2001A; /* rouge */

  --color-lightgray: #EDEEEE; /* gris clair */
  --color-darkbrown: #582008; /* marron foncé*/

  --maintitle-font: 'Overpass', sans-serif;
  --maintitle-size: 50px;
  --maintitle-size-m: 40px;
  --maintitle-size-s: 30px;
  --maintitle-size-xs: 25px;

  --title-font: 'Overpass', sans-serif;
  --title-size: 40px;
  --title-size-m: 30px;
  --title-size-s: 20px;
  --title-size-xs: 15px;

  --text-font: 'Overpass', sans-serif;
  --text-size-l: 18px;
  --text-size: 16px;
  --text-size-m: 14px;
  --text-size-s: 12px;
  --text-size-xs: 10px;

  --subtext-font: 'Overpass', sans-serif;;
  --subtext-size: 12px;
  --subtext-size-m: 12px;
  --subtext-size-s: 10px;
  --subtext-size-xs: 8px;
}

/* STYLE BEAC */

/* Global */
p { margin:0; padding:0; }
a { text-decoration: none; cursor: pointer; color: var(--color-secondary); }
a:hover { opacity: 0.8; }
html,body,ul { margin:0; padding:0; }
button:focus { outline: none; }
.clear { clear: both; }


/* HOMEPAGE */
/*
body {
	background-image: url("../images/general/fond-montagne.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 100vh;
	margin: 0px;
}
*/

html {
	background-image: url("../images/general/fond-2022-f-ter-b.svg");
	/* background-image: url("../images/general/fond-2022-f.svg"); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/* 2021 property */
	/* background-size: 100% 100%; */
	/*overflow-x: hidden;*/
}
html#html-index {
	/* 2021 property */
	/* background-size: 100% 100%; */
	background-image: url("../images/general/fond-2022-f.svg");
}
body {
	min-height: 105vh;
	margin: 0px;
	overflow-x: hidden;
}

.global-content {
	display: flex;
	align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.content {
	display: flex;
	flex-direction: row;

	padding-top: 125px; /* 50px 100px */
	padding-bottom: 50px; /* 50px */

	/* 2021 property */
	max-width: 1330px; /* 1500 */
}

.content .left {
	position: relative;
	padding: 25px;
	width: 50%;
	padding-left: 75px;
}
.content .left .top {
	text-align: center;
}
.content .left .top h1 {
	font-family: var(--maintitle-font);
	/* --maintitle-size */
	font-size: var(--maintitle-size-m);
	color: var(--color-white);

	text-align: center;
	text-transform: uppercase;
}
.content .left .top img.logo-beac {
	max-width: 300px; /* 400px */
	max-height: 200px;
	margin: auto;
}

.content .left .top div {
	padding-left: 15%; /* 50px */
	padding-right: 15%;
}

.content .left .top div h4 {
	font-family: var(--text-font);
	font-size: var(--title-size-s);
	color: var(--color-white);

	text-align: center; /* justify */
	font-weight: initial;
}

.content .left .bottom {
	position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content .left .bottom p {
	font-family: var(--subtext-font);
	font-size: var(--subtext-size);
	color: var(--color-white);

	min-width: 150px;
    margin-right: 10px;
}
.content .left .bottom a div {
	
}
.content .left .bottom a img {
	width: auto;
    height: 40px;
}
.content .left .bottom a img.app-store {
	 margin-right: 15px;
	 z-index: 10;
}
.content .left .bottom a img.google-play-store {
	z-index: 10;
}

.content .right {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	padding: 25px;
	width: 50%;

	justify-content: space-around;

	padding-right: 75px;
}

.content .right a {
	/*z-index: 5;*/
	flex: 1 0 15%;
    margin: 15px;
}
.content .right .case {
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: cover;*/
	background-size: 100% auto; /* 101 auto */

	/* margin: 10px; */
	/*
	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	*/

	/*
	flex: 0 0 16%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 3.5rem;
    box-sizing: border-box;
    */

    width: 100%;
    padding-top: 100%;
    margin: auto;

    z-index: 10;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;

	/* border-radius: 15px; */
}
.content .right a:hover {
	opacity: 0.9;
}



.c1 { background-image: url("../images/avent-2022-cases/shadow/not-open/1.png"); }
.c2 { background-image: url("../images/avent-2022-cases/shadow/not-open/2.png"); }
.c3 { background-image: url("../images/avent-2022-cases/shadow/not-open/3.png"); }
.c4 { background-image: url("../images/avent-2022-cases/shadow/not-open/4.png"); }
.c5 { background-image: url("../images/avent-2022-cases/shadow/not-open/5.png"); }
.c6 { background-image: url("../images/avent-2022-cases/shadow/not-open/6.png"); }
.c7 { background-image: url("../images/avent-2022-cases/shadow/not-open/7.png"); }
.c8 { background-image: url("../images/avent-2022-cases/shadow/not-open/8.png"); }
.c9 { background-image: url("../images/avent-2022-cases/shadow/not-open/9.png"); }
.c10 { background-image: url("../images/avent-2022-cases/shadow/not-open/10.png"); }
.c11 { background-image: url("../images/avent-2022-cases/shadow/not-open/11.png"); }
.c12 { background-image: url("../images/avent-2022-cases/shadow/not-open/12.png"); }
.c13 { background-image: url("../images/avent-2022-cases/shadow/not-open/13.png"); }
.c14 { background-image: url("../images/avent-2022-cases/shadow/not-open/14.png"); }
.c15 { background-image: url("../images/avent-2022-cases/shadow/not-open/15.png"); }
.c16 { background-image: url("../images/avent-2022-cases/shadow/not-open/16.png"); }
.c17 { background-image: url("../images/avent-2022-cases/shadow/not-open/17.png"); }
.c18 { background-image: url("../images/avent-2022-cases/shadow/not-open/18.png"); }
.c19 { background-image: url("../images/avent-2022-cases/shadow/not-open/19.png"); }
.c20 { background-image: url("../images/avent-2022-cases/shadow/not-open/20.png"); }
.c21 { background-image: url("../images/avent-2022-cases/shadow/not-open/21.png"); }
.c22 { background-image: url("../images/avent-2022-cases/shadow/not-open/22.png"); }
.c23 { background-image: url("../images/avent-2022-cases/shadow/not-open/23.png"); }
.c24 { background-image: url("../images/avent-2022-cases/shadow/not-open/24.png"); }
.c25 { background-image: url("../images/avent-2022-cases/shadow/not-open/25.png"); }

.c1-open { background-image: url("../images/avent-2022-cases/shadow/open/1.png"); opacity: 0.6 !important; }
.c2-open { background-image: url("../images/avent-2022-cases/shadow/open/2.png"); opacity: 0.6 !important; }
.c3-open { background-image: url("../images/avent-2022-cases/shadow/open/3.png"); opacity: 0.6 !important; }
.c4-open { background-image: url("../images/avent-2022-cases/shadow/open/4.png"); opacity: 0.6 !important; }
.c5-open { background-image: url("../images/avent-2022-cases/shadow/open/5.png"); opacity: 0.6 !important; }
.c6-open { background-image: url("../images/avent-2022-cases/shadow/open/6.png"); opacity: 0.6 !important; }
.c7-open { background-image: url("../images/avent-2022-cases/shadow/open/7.png"); opacity: 0.6 !important; }
.c8-open { background-image: url("../images/avent-2022-cases/shadow/open/8.png"); opacity: 0.6 !important; }
.c9-open { background-image: url("../images/avent-2022-cases/shadow/open/9.png"); opacity: 0.6 !important; }
.c10-open { background-image: url("../images/avent-2022-cases/shadow/open/10.png"); opacity: 0.6 !important; }
.c11-open { background-image: url("../images/avent-2022-cases/shadow/open/11.png"); opacity: 0.6 !important; }
.c12-open { background-image: url("../images/avent-2022-cases/shadow/open/12.png"); opacity: 0.6 !important; }
.c13-open { background-image: url("../images/avent-2022-cases/shadow/open/13.png"); opacity: 0.6 !important; }
.c14-open { background-image: url("../images/avent-2022-cases/shadow/open/14.png"); opacity: 0.6 !important; }
.c15-open { background-image: url("../images/avent-2022-cases/shadow/open/15.png"); opacity: 0.6 !important; }
.c16-open { background-image: url("../images/avent-2022-cases/shadow/open/16.png"); opacity: 0.6 !important; }
.c17-open { background-image: url("../images/avent-2022-cases/shadow/open/17.png"); opacity: 0.6 !important; }
.c18-open { background-image: url("../images/avent-2022-cases/shadow/open/18.png"); opacity: 0.6 !important; }
.c19-open { background-image: url("../images/avent-2022-cases/shadow/open/19.png"); opacity: 0.6 !important; }
.c20-open { background-image: url("../images/avent-2022-cases/shadow/open/20.png"); opacity: 0.6 !important; }
.c21-open { background-image: url("../images/avent-2022-cases/shadow/open/21.png"); opacity: 0.6 !important; }
.c22-open { background-image: url("../images/avent-2022-cases/shadow/open/22.png"); opacity: 0.6 !important; }
.c23-open { background-image: url("../images/avent-2022-cases/shadow/open/23.png"); opacity: 0.6 !important; }
.c24-open { background-image: url("../images/avent-2022-cases/shadow/open/24.png"); opacity: 0.6 !important; }
.c25-open { background-image: url("../images/avent-2022-cases/shadow/open/25.png"); opacity: 0.6 !important; }

.day-bounce {
    animation-name: day-bounce;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
@keyframes day-bounce {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1.1)   translateY(-25px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-7px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}

.btn {
	transition: 0.6s cubic-bezier(0.01, 1.69, 0.99, 0.94);
}

.btn--clicked {
	/*
  transition: 0.6s cubic-bezier(0.01, 1.69, 0.99, 0.94);
  padding: 15px 2px;
  width: 50px;
  color: transparent;
  */
  z-index: -10;
}
.color {
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  transition: 0.8s ease;
  border-radius: 50%;
  background-color: transparent;
}
/* inspired by aaronmcg */
.expanded {
  width: 200%;
  padding-bottom: 200%;
  height: auto;
  /*z-index: 5;*/
}
.color--one {
  background-color: #E41171; /* rose */
  transition-delay: 0.25s;
}
.color--two {
  background-color: #5A5099; /* violet */
  transition-delay: 0.5s;
}
.color--three {
  background-color: #0099B5; /* blue */
  transition-delay: 0.75s;
}
.color--four {
  background-color: #E75113; /* orange */
  transition-delay: 1s;
}

.right a {
	cursor: pointer;
}

p.illu-made-by {
	text-align: left;
	margin-left: 20px;
	font-family: var(--text-font);
	font-size: var(--title-size-xs);
	color: var(--color-white);
}

/*1520px*/
@media screen and (max-width: 1520px) {
  	.content .left {
		width: 45%; /*35*/
	}
	.content .right {
		width: 55%; 
	}
	.content .left .top h1 {
		font-size: var(--title-size-m);
	}
	.content .left .top div h4 {
		font-size: var(--text-size-l);
	}
}

@media screen and (max-width: 1300px) {
  	.content .left {
		width: 35%;
	}
	.content .right {
		width: 65%;
		margin-bottom: 50px;
	}
	.content .left .top h1 {
		font-size: var(--maintitle-size-s);
	}
	.content .left .top img.logo-beac {
		width: 75%; /* max-content */
	}
	.content .left .bottom {
		display: flex;
	    flex-direction: column;
	    position: relative;
	    left: inherit;
	    transform: inherit;
	    text-align: center;
	    bottom: 0px;
	}
	.content .left .bottom a img.app-store {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.content .left .bottom p {
		margin-right: 0px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 1200px) {

	/* 2021 property */
	html, html#html-index {
		background-size: cover;
		background-image: url("../images/general/fond-2022-f-bis.svg");
	}

	.content {
		flex-direction: column;
		padding-top: 85px;
	}
  	.content .left {
		width: auto;
		padding-left: 25px;
	}
	.content .right {
		width: auto;
		padding-right: 25px;
	}
	.content .right .case {
	    width: 70%;
	    padding-top: 70%;
	}
	.content .left .bottom {
	    position: relative;
	    text-align: center;
	    display: block;
	    left: inherit;
	    transform: inherit;
	}
}

@media screen and (max-width: 1100px) {
	.content .right .case {
	    width: 80%;
	    padding-top: 80%;
	}
}

@media screen and (max-width: 992px) {
	.content .right .case {
	    width: 90%;
	    padding-top: 90%;
	}
}

@media screen and (max-width: 768px) {
	.snow-items {
		display: none;
	}
	.content .left .top h1 {
		font-size: var(--maintitle-size-xs);
	}
	.content {
		padding: 10px;
		padding-top: 75px;

		/* background: radial-gradient(#260200, transparent); */
	}

	.content .left .top div {
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.content .right .case {
	    width: 100%;
	    padding-top: 100%;
	}
}

@media screen and (max-width: 700px) {
	.content .right a {
		flex: auto;
	}
	.content .right .case {
	    width: 100px;
	    padding-top: 0px;
	    height: 100px;
	}
}

/* PAGE 2 : DAY PAGE */
/**/
/**/
/**/
/**/
/**/

.global-content-day {
    min-height: 100vh;
}

.content-day {
	display: flex;
	flex-direction: column;

	padding: 50px;
	width: 80%;
	margin: auto;

	max-width: 1200px;

	padding-top: 110px;
	padding-bottom: 150px; /* 110px */
}

.content-day p {
	margin: 0;
}

.content-day .header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.content-day .header .day-icon {
	width: 150px;
	height: 150px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	/*
	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	*/

    z-index: 10;

    border-radius: 15px;

	/**/
}
.content-day .header .main-title {
	flex-grow: 1;
}
.content-day .header .main-title h1 {
	font-family: var(--maintitle-font);
	font-size: var(--title-size);
	color: var(--color-white); /* primary */

	text-align: center;
	text-transform: uppercase;

	padding-left: 0px;
  
	max-width: 80%;
	margin: auto;
	margin-top: 0px;
}
.content-day .header .main-title  h1 span {
	
}
.content-day .header .main-title h1 span.calendar {
	font-size: var(--maintitle-size-s);
}
.content-day .header .main-title h1 span.brand {
	white-space:pre-wrap;
}
.content-day .header img {
	/*max-width: 300px;*/
	width: 150px;
	/*max-height: 300px;*/
	margin: auto;
}

.content-day .day-title {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 40px;
	margin-top: 10px;
}
.content-day .day-title h3 {
	font-family: var(--title-font);
	font-size: var(--maintitle-size-s);
	color: var(--color-white); /* secondary */
	text-transform: uppercase;
	text-align: center;

	margin-bottom: 10px;
}
.content-day .day-title h3 img {
	/*
	width: 100px;
    margin-bottom: -15px;
	*/
	width: 145px;
	margin-bottom: -26px;
}
.content-day .day-title p {
	font-family: var(--subtext-font);
	font-size: var(--title-size-s);
	color: var(--color-white);
	text-align: center;

	max-width: 960px;
    margin: auto;
}

.content-day .day-article {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

/* TYPE 1 */
.content-day .day-article.type-1 {
	
}
.content-day .day-article.type-1 .left {
	width: 50%;
	text-align: center;
}
.content-day .day-article.type-1 .left .img-left {
	width: 80%;
	/*max-height: 400px;*/
	max-width: 750px;
	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
	padding: 20px;
}
.content-day .day-article.type-1 .left .video-left {
	width: 100%;
	/*max-height: 400px;*/
	max-width: 750px;
	min-height: 300px;
	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
}
.content-day .day-article.type-1 .right {
	display: flex;
	flex-direction: column;
	width: 50%;
}
.content-day .day-article.type-1 .right h5 {
	font-family: var(--title-font);
	font-size: var(--maintitle-size-s);
	color: var(--color-green);
	text-transform: uppercase;
	text-align: left;

	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 30px;

	margin-left: 5px;
}
.content-day .day-article.type-1 .right h5.white-h5 {
	color: var(--color-white);
}
.content-day .day-article.type-1 .right h5 img {
	width: 75px;
	/*margin-bottom: -5px;*/
	margin-left: 10px;
}
.content-day .day-article.type-1 .right h5 img.minus-margin {
	margin-bottom: -10px;
}
.content-day .day-article.type-1 .right ul {
	list-style-type: none;
	padding-left: 30px;
	padding-top: 0px;

	margin-bottom: 15px;
}
.content-day .day-article.type-1 .right ul li {
	font-family: var(--subtext-font);
	font-size: var(--text-size);
	color: var(--color-white);
	text-align: left; /* left */
	padding: 6px;
	/*padding-left: 0px;*/
}
.content-day .day-article.type-1 .right ul li a {
	color: var(--color-secondary);
	font-weight: bold;
}
/**/

/* TYPE 2 */
.content-day .day-article.type-2 {
	
}
.content-day .day-article.type-2 .left {
	width: 50%;
	text-align: center;
}
.content-day .day-article.type-2 .left .info-link {
	text-align: center;
	color: var(--color-text);
	font-family: var(--text-font);
    font-size: var(--text-size); /* var(--text-size-l); */
    font-weight: bold;
    margin-top: 20px;
}
.content-day .day-article.type-2 .left .info-link a {
	color: var(--color-secondary);
}
.content-day .day-article.type-2 .left iframe {
	width: 100%;
	/*max-height: 400px;*/
	max-width: 750px;

	height: 400px;

	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
}
.content-day .day-article.type-2 .right {
	display: flex;
	flex-direction: column;
	width: 50%;
}
.content-day .day-article.type-2 .right h5 {
	font-family: var(--title-font);
	font-size: var(--maintitle-size-s);
	color: var(--color-green);
	text-transform: uppercase;
	text-align: left;

	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 30px;
}
.content-day .day-article.type-2 .right .subtitle {
	font-family: var(--text-font);
	font-size: var(--title-size-s);
	color: var(--color-green); /* var(--color-text) */
	text-align: left;

	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 30px;
	font-weight: bold;

	margin-bottom: 15px;

	/* text-transform: uppercase; */
}
.content-day .day-article.type-2 .right .tuto-item ul {
	/* list-style-type: none; */
	padding-left: 45px;
	/* padding-top: 20px; */

	display: flex;
	flex-direction: row;
    flex-wrap: wrap;

	margin-bottom: 15px;
	list-style-type: disc;
	color: var(--color-text);
}
.content-day .day-article.type-2 .right .tuto-item ul li {
	/*
	display: flex;
	flex-direction: row;
	*/
	/* flex-wrap: wrap; */
	/* align-items: center; */
    justify-content: left;
    margin-bottom: 5px;

	width: 50%;
}
.content-day .day-article.type-2 .right .tuto-item ul li p {
	font-family: var(--subtext-font);
	font-size: var(--text-size);
	color: var(--color-text);
	text-align: left; /* left */
	padding: 0;
    /* padding-left: 15px; */

    max-width: 80%;
}
.content-day .day-article.type-2 .right .tuto-item ul li .check-icon {
	width: 25px;
	height: 25px;
	background-image: url("../images/general/check-square-green.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

/**/

/* TYPE 3 */
.content-day .day-article.type-3 {
	
}
.content-day .day-article.type-3 .left {
	width: 50%;
	text-align: center;
}
.content-day .day-article.type-3 .left .info-link {
	text-align: center;
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--text-size); /* var(--text-size-l); */
    font-weight: bold;
    margin-top: 20px;
}
.content-day .day-article.type-3 .left .info-link a {
	color: var(--color-secondary);
}
.content-day .day-article.type-3 .left iframe {
	width: 100%;
	/*max-height: 400px;*/
	max-width: 750px;

	height: 378px; /* 400 */

	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
}
.content-day .day-article.type-3 .left img {
	width: 100%;
	/*max-height: 400px;*/
	max-width: 750px;

	height: auto; /* 400 */

	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
}
.content-day .day-article.type-3 .left video {
	width: 75%;
	/*max-height: 400px;*/
	max-width: 750px;

	height: auto; /* 400 */

	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	border-radius: 15px;
}
.content-day .day-article.type-3 .left img:hover {
	opacity: 0.9;
}
.content-day .day-article.type-3 .right {
	display: flex;
	flex-direction: column;
	width: 50%;
}
.content-day .day-article.type-3 .right h5 {
	font-family: var(--title-font);
	font-size: var(--maintitle-size-s);
	color: var(--color-blue);
	text-transform: uppercase;
	text-align: center;

	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 30px;
}

.content-day .day-article.type-3 .right .ingredients {

}
.content-day .day-article.type-3 .right .ingredients .ingredients-title {
	font-family: var(--title-font);
    font-size: var(--maintitle-size-s);
    color: var(--color-green);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
.content-day .day-article.type-3 .right .ingredients .material {
	width: 100%;
    background-color: var(--color-green);
    border-radius: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-left: 30px;
}
.content-day .day-article.type-3 .right .ingredients .material .material-title {
	/*text-transform: uppercase;
	text-decoration: underline;*/
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--maintitle-size-xs);
    text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}
.content-day .day-article.type-3 .right .ingredients .material ul {
	list-style-type: none;
}
.content-day .day-article.type-3 .right .ingredients .material ul li,
.content-day .day-article.type-3 .right .ingredients .material ol li {
	text-align: center;
	color: var(--color-white);
	font-family: var(--subtext-font);
    font-size: var(--text-size);
}
.content-day .day-article.type-3 .right .ingredients .material ol li {
	text-align: left;
}
.content-day .day-article.type-3 .right .ingredients .recipe {
	display: flex;
	flex-direction: row;
	/*flex-wrap: wrap;*/
	margin-left: 30px;
	width: 100%;
}
.content-day .day-article.type-3 .right .ingredients .recipe .r-left ,
.content-day .day-article.type-3 .right .ingredients .recipe .r-right {
 	width: 50%;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 20px;
    /* display: flex;*/
    /* flex-direction: column;*/
    /* justify-content: center;*/
}  

.content-day .day-article.type-3 .right .ingredients .recipe .r-left.solo-r,
.content-day .day-article.type-3 .right .ingredients .recipe .r-right.solo-r  {
 	width: 100%;
	margin-right: 0px;
}  

.content-day .day-article.type-3 .right .ingredients .recipe .r-left {
	background-color: var(--color-yellow);
	margin-right: 20px;
}

.content-day .day-article.type-3 .right .ingredients .recipe .r-left p,
.content-day .day-article.type-3 .right .ingredients .recipe .r-right p {
	text-align: left;
	/*text-decoration: underline;*/
	color: var(--color-white);
	font-family: var(--subtext-font);
    font-size: var(--title-size-s);
    font-weight: bold;
    margin-bottom: 10px;
}
.content-day .day-article.type-3 .right .ingredients .recipe .r-left ul, 
.content-day .day-article.type-3 .right .ingredients .recipe .r-right ul,
.content-day .day-article.type-3 .right .ingredients .recipe .r-left ol, 
.content-day .day-article.type-3 .right .ingredients .recipe .r-right ol {
    padding-left: 18px;
}
.content-day .day-article.type-3 .right .ingredients .recipe .r-left ul li,
.content-day .day-article.type-3 .right .ingredients .recipe .r-right ul li,
.content-day .day-article.type-3 .right .ingredients .recipe .r-left ol li,
.content-day .day-article.type-3 .right .ingredients .recipe .r-right ol li {
	text-align: left;
	color: var(--color-white);
	font-family: var(--subtext-font);
	font-size: var(--text-size); /* subtext */
	padding-right: 15px;
}
.content-day .day-article.type-3 .right .ingredients .recipe .r-right {
	background-color: var(--color-red);
}

.content-day .day-article.type-3 .right ol {
	padding-left: 40px;
    padding-right: 40px;
}

/**/

/* TYPE 4 */
.content-day .day-article.type-4 {
	
}
.content-day .day-article.type-4 .left {
	width: 27.5%; /*25*/
	text-align: center;
	display: flex;
}
.content-day .day-article.type-4 .left .box-smaller {
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 25px;
	background-color: var(--color-red);

	margin-right: 20px;
	border-radius: 15px;

	display: flex;
    flex-direction: column;
    justify-content: center;

    -webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
}
.content-day .day-article.type-4 .left .box-smaller .box-desc,
.content-day .day-article.type-4 .right .box-smaller .box-desc {
	text-align: justify;
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--text-size-m);
}
.content-day .day-article.type-4 .left .box-smaller .box-desc.cta-box-desc,
.content-day .day-article.type-4 .right .box-smaller .box-desc.cta-box-desc {
    font-size: var(--title-size-s);
	text-align: left;
	margin-top: 10px;
}
.content-day .day-article.type-4 .left .box-smaller h5,
.content-day .day-article.type-4 .right .box-smaller h5 {
	margin: 0px !important;
	margin-bottom: 15px !important;
}

.content-day .day-article.type-4 .left .box-smaller .ul-desc {
    padding-left: 16px;
}

.content-day .day-article.type-4 .left .box-smaller .box-desc.larger-box-desc {
    font-size: var(--text-size-l);
}
.content-day .day-article.type-4 .right .box-smaller .box-desc {
    font-size: var(--text-size-l);
}
.content-day .day-article.type-4 .right .box-smaller .box-desc a {
	color: var(--color-darkbrown);
	font-weight: bold;
}
.content-day .day-article.type-4 .right .box-smaller .box-desc a:hover {
	opacity: 0.8;
}
.content-day .day-article.type-4 .left .box-smaller .box-desc span.code,
.content-day .day-article.type-4 .right .box-smaller .box-desc span.code {
	color: var(--color-darkbrown);
	font-family: var(--text-font);
	font-size: var(--text-size-l);
	font-weight: bold;
}
.content-day .day-article.type-4 .box-smaller a.box-link p {
	text-align: center;
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--maintitle-size-xs); /* var(--text-size-l); */
    font-weight: bold;

    /* margin-top: 25px; */
	text-transform: uppercase;
	text-decoration: underline;
}
.content-day .day-article.type-4 .box-smaller a.box-link p:hover {
	opacity: 0.8;
}
.content-day .day-article.type-4 .left .box-smaller a.link-disabled {
	cursor: initial;
}
.content-day .day-article.type-4 .box-smaller a.box-link p.link-disabled:hover {
	opacity: 1;
}
.content-day .day-article.type-4 .center {
	width: 45%; /*50*/
	text-align: center;
	display: flex;
}
.content-day .day-article.type-4 .center img,
.content-day .day-article.type-4 .center iframe {
	width: 100%;
	height: auto;
	border-radius: 15px;

	-webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
}
.content-day .day-article.type-4 .center iframe {
	width: 90%; /* 100% */
	min-height: 300px;
	margin: auto;
}

/* dont wait 1500px */
.content-day .day-article.type-4 .center {
	position: relative;

	align-items: center;
    justify-content: center;
}
.content-day .day-article.type-4 .center img {
	max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/**/

.content-day .day-article.type-4 .right {
	width: 27.5%; /*25*/
	text-align: center;
	display: flex;
}
.content-day .day-article.type-4 .right .download-link {
	display: flex;
}
.content-day .day-article.type-4 .right .download-link .download-btn {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	margin-left: 20px;
}
.content-day .day-article.type-4 .right .download-link .download-btn:hover {
	opacity: 0.9;
}
.content-day .day-article.type-4 .right .box-smaller {
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 25px;
	background-color: var(--color-primary);

	margin-left: 20px;
	border-radius: 15px;

	display: flex;
    flex-direction: column;
    justify-content: center;

    -webkit-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1); /* 181 */
	-moz-box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
	box-shadow: 6px 4px 15px -1px rgba(152,152,152,1);
}

.content-day .day-article.type-4 .right .box-smaller ol {
	text-align: left;
	padding-left: 0;
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--text-size-m);
    font-weight: bold;
}
.content-day .day-article.type-4 .right .box-smaller ol li {
	margin-bottom: 5px;
}
.content-day .day-article.type-4 .right .box-smaller ol li p {
	text-align: left;

	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--text-size-m);
    font-weight: bold;
}


.content-day .day-article.type-4 .right .box-smaller .box-subtitle {
	text-align: center;
	color: var(--color-white);
	font-family: var(--text-font);
    font-size: var(--text-size-m);
    font-weight: bold;

    margin-bottom: 15px;
}
.content-day .day-article.type-4 .right .box-smaller ul.box-ul {
	list-style-type: none;
	padding-left: 0px;
}
.content-day .day-article.type-4 .right .box-smaller ul.box-ul li,
.content-day .day-article.type-4 .right .box-smaller .regular-text {
	text-align: center;
	color: var(--color-white);
	font-family: var(--subtext-font);
    font-size: var(--subtext-size);
}

/* TYPE 5 */
.content-day .day-article.type-5 {
	
}
.content-day .day-article.type-5 .center {
	width: 100%;
	text-align: center;
}
.content-day .day-article.type-5 .center img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 400px;
}


/**/
/**/
/**/
/**/
/**/

.content-day .actions {
	width: auto;
	margin: auto;

	margin-top: 40px;
}
.content-day .actions .action-buttons {
	/*
	display: flex;
	align-items: center;
	flex-direction: column;
	*/
}
.content-day .actions .action-buttons p {
	font-family: var(--subtext-font);
	font-size: var(--subtext-size);
	color: var(--color-white);
	/*margin-right: 15px;*/
	margin-bottom: 15px;
	text-align: center;
}
.content-day .actions .action-buttons a div {
	
}
.content-day .actions .action-buttons a img {
	width: auto;
    height: 40px;
}
.content-day .actions .action-buttons a img.app-store {
	 /*margin-right: 15px;*/
	 z-index: 10;
	 margin-right: 0px;
	 /*margin-bottom: 5px;*/
}
.content-day .actions .action-buttons a img.google-play-store {
	z-index: 10;
}

.content-day .actions .back-to-home {
	text-align: center;
	margin-top: 25px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.content-day .actions .back-to-home:hover {
	opacity: 0.8;
}
.content-day .actions .back-to-home img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	/*margin-bottom: 1px;*/
}
.content-day .actions .back-to-home p {
	font-family: var(--subtext-font);
	font-size: var(--title-size-s);
	color: var(--color-white);
	margin-bottom: -1px;
}

@media screen and (max-width: 1500px) {
	/* type-4 */
	.content-day .day-article.type-4 .left .box-smaller,
	.content-day .day-article.type-4 .right .box-smaller {
	    margin-top: 0%;
	    margin-bottom: 0%;
	}
}
@media screen and (max-width: 1300px) {

	.content-day .header .day-icon {
		width: 125px;
		height: 125px;
	}
	.content-day .header img {
		width: 125px;
	}

	/* type-1 */
  	.content-day .day-article.type-1 .right ul li {
		font-size: var(--text-size-m);
	}
	.content-day .day-article.type-1 .right h5 {
    	font-size: var(--maintitle-size-xs);
	}
	/* type-2 */
	.content-day .day-article.type-2 .right .tuto-item ul li {
		font-size: var(--text-size-m);
	}
	.content-day .day-article.type-2 .right .tuto-item h5 {
    	font-size: var(--maintitle-size-xs);
	}
	.content-day .day-article.type-2 .left iframe {
		height: 300px;
	}
	/* type-3 */
	.content-day .day-article.type-3 .right .tuto-item h5 {
    	font-size: var(--maintitle-size-xs);
	}
	.content-day .day-article.type-3 .left iframe {
		height: 370px; /* 300 */
	}
	.content-day .day-article.type-3 .right .ingredients .ingredients-title {
		font-size: var(--maintitle-size-xs);
	}	
	/**/

	/* type-4 */
	.content-day .day-article.type-4 .left,
	.content-day .day-article.type-4 .right {
		width: 30%; /*25*/
	}
	.content-day .day-article.type-4 .center {
		width: 40%; /*50*/
	}
	.content-day .day-article.type-4 .box-smaller a.box-link p {
		font-size: var(--title-size-s);
	}
	/**/

	.content-day .day-title p, .content-day .actions .back-to-home p {
		font-size: var(--text-size);
	} 
	.content-day .header .main-title h1 {
		font-size: var(--maintitle-size-m);
	}
	.content-day .header .main-title h1 span.calendar {
    	font-size: var(--maintitle-size-xs);
	}
	.content-day .day-title h3 {
		font-size: var(--maintitle-size-xs);
	}
}
@media screen and (max-width: 1200px) { /* 1150px */
	.content-day .header .main-title h1 {
		font-size: var(--maintitle-size-s);
	}
	.content-day .header .main-title h1 span.calendar {
    	font-size: var(--title-size-s);
	}
	.content-day .header .main-title {
		display: flex;
	}
	.content-day .header .main-title h1 {
		margin-top: auto;
	}
	.content-day .header .day-icon {
	    width: 115px;
	    height: 115px;
	}
	.content-day .header img {
	    max-width: 180px;
	    max-height: 180px;
	}
	/* type-1 */
	.content-day .day-article.type-1 .left {
		width: 40%;
	}
	.content-day .day-article.type-1 .right {
		width: 60%;
	}

	/* type-2 */
	.content-day .day-article.type-2 .left {
		width: 40%;
	}
	.content-day .day-article.type-2 .right {
		width: 60%;
	}

	/* type-3 */
	.content-day .day-article.type-3 .left {
		width: 40%;
	}
	.content-day .day-article.type-3 .right {
		width: 60%;
	}

	/* TYPE 4 */
	.content-day .day-article.type-4 {
		flex-direction: column;
	}
	.content-day .day-article.type-4 .left {
		width: 500px;
		margin: auto;
	}
	.content-day .day-article.type-4 .center {
		width: 500px;
		margin: auto;
	}
	.content-day .day-article.type-4 .right {
		width: 500px;
		margin: auto;
	}
	.content-day .day-article.type-4 .right.download-item {
		justify-content: center;
	}
	.content-day .day-article.type-4 .right .download-link .download-btn {
		width: auto;
		height: auto;
		max-width: 300px;
	    max-height: 100%;
	    margin: auto;
	    margin-top: 25px;
	}
	.content-day .day-article.type-4 .left .box-smaller {
		margin-right: 0px;
		margin-bottom: 25px;
		width: 100%;
	}
	.content-day .day-article.type-4 .right .box-smaller {
		margin-left: 0px;
		margin-top: 25px;
		width: 100%;
	}
	.content-day .day-article.type-4 .center img,
	.content-day .day-article.type-4 .center iframe {
		max-height: 100%;
	    max-width: 100%;
	    width: 500px;
	    height: intrinsic;
	    position: relative;
	    margin: auto;
	}
	/**/

}

@media screen and (max-width: 1000px) {
	/* type-1 */
	.content-day .day-article.type-1 .left {
		flex-direction: column;
	}
	.content-day .day-article.type-1 .left {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.content-day .day-article.type-1 .right {
		width: 100%;
	}
	.content-day .day-article.type-1 .left .img-left {
		max-width: 500px;
	}
	.content-day .day-article.type-1 .left .video-left {
		max-width: 500px;
	}
	.content-day .day-article.type-1 .right h5, .content-day .day-article.type-1 .right ul {
		padding-left: 0px;
	}
	.content-day .day-article.type-1 .right ul li {
		text-align: center;
		padding-left: 0px;
	}
	.content-day .day-article.type-1 .right ul li a {
		font-size: var(--text-size);
	}
	/* type-2 */
	.content-day .day-article.type-2 .left {
		flex-direction: column;
	}
	.content-day .day-article.type-2 .left {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.content-day .day-article.type-2 .right {
		width: 100%;
	}
	.content-day .day-article.type-2 .left iframe {
		max-width: 500px;
	}
	.content-day .day-article.type-2 .right .subtitle {
		text-align: center;
		padding-left: 0px;
	}
	.content-day .day-article.type-2 .right .tuto-item ul {
		padding-left: 30px; /* 30 */
		flex-direction: column;
	}
	.content-day .day-article.type-2 .right .tuto-item ul li {
		text-align: center;
		padding-left: 0px;
		width: 100%;

		align-items: center;
		max-width: 300px;
		margin: auto;
	}
	.content-day .day-article.type-2 .right .tuto-item ul li p {
		max-width: 100%;
	}
	.content-day .day-article.type-2 .right .tuto-item ul li a {
		font-size: var(--text-size);
	}
	/**/

	/* type-3 */
	.content-day .day-article.type-3 .left {
		flex-direction: column;
	}
	.content-day .day-article.type-3 .left {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.content-day .day-article.type-3 .right {
		width: 100%;
	}
	.content-day .day-article.type-3 .left iframe {
		max-width: 500px;
		height: 300px;
	}
	.content-day .day-article.type-3 .left img {
		max-height: 350px;
		width: auto;
	}
	.content-day .day-article.type-3 .right .ingredients .ingredients-title {
		padding-left: 0px;
	}
	.content-day .day-article.type-3 .right .ingredients .material,
	.content-day .day-article.type-3 .right .ingredients .recipe {
		margin-left: 0px;
	}
	/**/

	

	.content-day .header .main-title h1 {
		max-width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.content-day .actions .back-to-home {
		margin-bottom: 50px;
	}
	.content-day {
		padding: 20px;
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.content-day .header {
		flex-direction: column-reverse;
	}
	.content-day .header .main-title h1 {
		text-align: center;
		max-width: 100%;
	}
}

@media screen and (max-width: 750px) {
	/* TYPE 3 */
	.content-day .day-article.type-3 .left img {
		max-height: none;
		width: 85%;
	}
	.content-day .day-article.type-3 .right .ingredients .material {
		width: 300px;
		margin: auto;
		margin-bottom: 20px;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe {
	    flex-direction: column;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right {
		width: 300px;
		padding: 0px;
		padding-bottom: 20px;
    	padding-top: 20px;
    	margin: auto;
    	margin-bottom: 20px;
	}

	.content-day .day-article.type-3 .right .ingredients .recipe .r-left.solo-r,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right.solo-r {
		width: 300px;
		padding: 0px;
		padding-bottom: 20px;
    	padding-top: 20px;
    	margin: auto;
    	margin-bottom: 20px;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left p,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right p {
	    padding-left: 20px;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left ul,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right ul,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left ol,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right ol {
	    padding-left: 35px;
	}
	/**/
}

@media screen and (max-width: 650px) {
	.content-day .header .main-title h1 {
		max-width: 100%;
	}

	/* TYPE 4 */
	.content-day .day-article.type-4 .left,
	.content-day .day-article.type-4 .center,
	.content-day .day-article.type-4 .right {
		width: 300px;
	}
	.content-day .day-article.type-4 .center img,
	.content-day .day-article.type-4 .center iframe {
	    width: 300px;
		height: intrinsic;
	}
	.content-day .day-article.type-4 .right .download-link .download-btn {
		max-width: 300px;
	}
	/**/
}

@media screen and (max-width: 560px) {
	.content-day {
		/* padding: 30px;*/ 
    	width: 85%;
	}
	/* type 3 */
	.content-day .day-article.type-3 .left img {
		width: 95%;
	}
}
@media screen and (max-width: 535px) {
	.content-day {
		/* padding: 20px; */
	}
	.content-day .header {
		flex-direction: column-reverse;
	}
	.content-day .header .main-title h1 {
		text-align: center;
		max-width: 100%;
		margin-top: 20px; /* 10px */
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 450px) {
	.content-day .actions .back-to-home, .content-day .actions .action-buttons {
		flex-direction: column;
	}
	.content-day .actions .action-buttons p, .content-day .actions .action-buttons a img.app-store {
	    margin-right: 0px;
	    /*margin-bottom: 5px;*/
	}
	.content-day .actions .action-buttons p {
		margin-bottom: 15px;
	}
	.content-day .actions .back-to-home img {
		margin-right: 0px;
	}

	/* type-2 */
	.content-day .day-article.type-2 .left iframe {
		height: 200px;
	}
	/* type-3 */
	.content-day .day-article.type-3 .left iframe {
		height: 200px;
	}
}
@media screen and (max-width: 350px) {
	.content-day {
		padding: 15px;
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.content-day .header .day-icon {
	    width: 100px;
	    height: 100px;
	}
	.content-day .header img {
	    max-width: 160px;
	    max-height: 160px;
	}
	.content-day .actions .action-buttons {
		flex-direction: column;
		display: flex;
		align-items: center;
	}

	/* TYPE 3 */
	.content-day .day-article.type-3 .right .ingredients .material {
		width: 200px;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right {
		width: 200px;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left.solo-r,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right.solo-r {
		width: 200px;
	}
	/* TYPE 4 */
	.content-day .day-article.type-4 .left,
	.content-day .day-article.type-4 .center,
	.content-day .day-article.type-4 .right {
		width: 200px;
	}
	.content-day .day-article.type-4 .center img,
	.content-day .day-article.type-4 .center iframe {
	    width: 200px;
	}
	.content-day .day-article.type-4 .right .download-link .download-btn {
		max-width: 200px;
	}
	/**/
}
@media screen and (max-width: 300px) {
	.content-day {
		padding: 10px;
		padding-top: 110px;
		padding-bottom: 110px;
		width: 90%;
	}
}
@media screen and (max-width: 250px) {
	.content-day {
		padding: 5px;
		padding-top: 110px;
		padding-bottom: 110px;
		width: 95%;
	}
	/* TYPE 3 */
	.content-day .day-article.type-3 .right .ingredients .material {
		width: 100%;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right {
		width: 100%;
	}
	.content-day .day-article.type-3 .right .ingredients .recipe .r-left.solo-r,
	.content-day .day-article.type-3 .right .ingredients .recipe .r-right.solo-r {
		width: 100%;
	}
	/* TYPE 4 */
	.content-day .day-article.type-4 .left,
	.content-day .day-article.type-4 .center,
	.content-day .day-article.type-4 .right {
		width: 100%;
	}
	.content-day .day-article.type-4 .center img,
	.content-day .day-article.type-4 .center iframe {
	   width: 100%;
	}
	.content-day .day-article.type-4 .right .download-link .download-btn {
		max-width: 100%;
	}
	/**/
}
@media screen and (max-width: 230px) {
	.content-day {
		padding: 0px;
		padding-top: 110px;
		padding-bottom: 110px;
		width: 100%;
	}
}

.day-article.type-4 .center video {
	width: 100%;
}

/* UPDATE BIG SCREENS */
@media screen and (min-width: 1500px) {
	.content .left {
		padding-left: 0px;
	}
}