.video-frame {width: 80%; margin: 25px 0;}


.fl-left {float: left; margin-right: 15px; margin-bottom: 15px;}                                                  /*  картинка зліва і обтікається текстом  */
.fl-right {float: right; margin-left: 15px; margin-bottom: 15px;}                                                 /*  картинка справа і обтікається текстом  */


/*.center-element {display: flex; justify-content: center; align-items: center; margin: 10px 0;}*/							/* центровать элемент */																			/* закруглить углы */



/*.header-three {font-size: 60px; margin: 15px 0; text-align: left; color: #013021; font-weight: 700;}*/					/* заголовок h3  */
/*.header-four {font-size: 21px; margin: 10px 0; text-align: left; color: #353535; font-weight: 700;}*/						/* заголовок h4  */
/*.paragraph {color: #363636; font-size: 18px; letter-spacing: 1.1px; line-height: 23px; font-family: ProximaNova, sans-serif; text-indent: 40px; margin: 10px 0; display: inline-block;}*/    /*  p  */
.paragraph-min {color: #363636; font-size: 18px; letter-spacing: 1.1px; line-height: 23px; font-family: ProximaNova, sans-serif; margin:0; display: inline-block;}
/*.a-link {font-size: 18px; font-weight: 400; color: #0d8265; font-weight: 600; font-family: ProximaNova, sans-serif;}*/	/*  ссилка  */
.theme {font-weight: 700; font-size: 18px; font-family: ProximaNova, sans-serif; color: #353535;}						/*  тема лекции  */

/*.list {margin: 10px 0; padding: 0 15px; list-style-type: none;}*/															/*  ul  */
/*.list-element {padding: 15px 0; line-height: 20px;}	*/																	/*  li  */
/*.list li {padding: 15px 0; line-height: 20px;}	*/																		/*  li  */

/*.align-left {text-align: left; display: block;}*/                                                                                         /*  клас для вирівнювання тексту по лівому краю  */
/*.align-right {text-align: right; display: block;}*/                                                                                       /*  клас для вирівнювання тексту по правому краю  */
/*.align-center {text-align: center; display: block;}*/                                                                                     /*  клас для вирівнювання тексту по центру  */


.blog-page {font-family: ProximaNova, sans-serif; font-size: 18px; line-height: 1.25;}

.blog-page h3 {font-size: 60px; margin: 15px 0; text-align: left; color: #013021; font-weight: 700;}
.blog-page h4 {font-size: 21px; margin: 10px 0; text-align: left; color: #353535; font-weight: 700;}
.blog-page h5 {font-weight: 700; font-size: 18px; font-family: ProximaNova, sans-serif; color: #353535; display: inline-block; letter-spacing: 1.1px;}
.blog-page h6 {font-weight: 700; font-size: 14px; font-family: ProximaNova, sans-serif; color: #353535; display: inline-block;}

.blog-page p {color: #363636; font-size: 18px; letter-spacing: 1.1px;  text-indent: 40px; margin: 10px 0; text-align: justify; font-weight: 300; line-height: 1.2;}

.blog-page a {font-size: 18px; font-weight: 400; color: #0d8265; font-weight: 600;}
.blog-page a:hover {text-decoration: none;}
.blog-page strong,
.blog-page b {font-weight: 700;}
.blog-page ul {margin: 15px 0; padding: 0px; list-style-type: none; text-align: justify; padding-left: 40px; }
.blog-page ul li { padding: 5px 0; letter-spacing: 1.1px; margin-bottom: 10px; position: relative; font-weight: 300;}
.blog-page ul li:before { color: #0d8265; content: "•"; padding-right: 24px;  position: absolute; top: 5px; left: -15px;}
.blog-page img {border-radius: 4px; margin: 25px auto; display: block; width: 75%; height: auto;}
.blog-page iframe {width: 960px; height: 640px;}
.blog-page div { margin: 25px 0;
	display: -webkit-box;
 	display: -webkit-flex;
  	display: -moz-box;
   	display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}

.blog-page ol {list-style-type: decimal; margin: 10px 0; padding: 0 30px; list-style-type: none; text-align: justify; padding: 0;}   
.blog-page ol li{ padding: 5px 0; position: relative; text-indent: 40px; letter-spacing: 1.1px; font-weight: 300;}  
.blog-page ol li:after{ color: #0d8265; content: attr(data-point);  position: absolute; top: 5px;  position: absolute; left: -25px;}  

.blog-page ol li ol {list-style-type: lower-alpha; margin: 10px 0; padding: 0 35px; list-style-type: none;}
.blog-page ol li ol li{padding: 5px 0px; position: relative;  font-weight: 300;}
.blog-page ol li ol li:after{ color: #0d8265; content: attr(data-point);  position: absolute; top: 6px;  position: absolute; left: auto; right: 97.5%;} 
.green-zone__chapter h2 {margin: 0 0 10px 0;font-size: 63px;}

@media screen and (max-width: 1600px) {
    .green-zone__chapter h2 {font-size: 52px;}
}

@media screen and (max-width: 1370px) {
    .green-zone__chapter h2 {font-size: 52px;}
    .event-header .green-zone__chapter h2 + p + h1 {font-size: 52px;}
}
@media screen and (max-width: 992px) {
    .green-zone__chapter h2 {font-size: 42px;}
    .event-header .green-zone__chapter h2 + p + h1 {font-size: 42px;}
}
@media screen and (max-width: 985px) {
    .blog-page iframe {width: 640px; height: 360px;}
}
@media screen and (max-width: 665px) {
    .blog-page img {width: 100%;}
    .blog-page iframe {width: 320px; height: 180px;}
        .green-zone__chapter h2 {font-size: 32px;}
    .event-header .green-zone__chapter h2 + p + h1 {font-size: 32px;}
}
@media screen and (max-width: 410px) {
    .green-zone__chapter h2 {font-size: 28px;}
    .event-header .green-zone__chapter h2 + p + h1 {font-size: 28px;}
}
@media screen and (max-width: 360px) {
    .green-zone__chapter h2 {font-size: 26px;}
    /*.event-header .green-zone__chapter h2 + p + h1 {font-size: 28px;}*/
}
.blog-page figcaption {text-align: center; font-size: 16px; font-style: italic;}
.event-card__text p a {color: #0d8265;}