h2, h3 {
margin: 20px 0;
}
blockquote {
margin: 0 0 20px 0;
background: white;
border-top: 5px solid #EAF9F9;
border-bottom: 5px solid #EAF9F9;
color: #3A3C55;
padding: 30px 30px 30px 90px;
position: relative;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
blockquote:before {
content: "\201C";
font-family: serif;
position: absolute;
left: 20px;
top: 20px;
color: white;
background: #FB6652;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 50px;
line-height: 1.35;
text-align: center;
}
dl {
    margin-bottom: 10px;
}
dt {
font-weight: bold;
}
dd {
display: block;
margin: 5px 5px 5px 45px;
}
.toc {
    margin: 20px -20px;
    padding: 20px;
    background: rgba(255,102,0,0.05);
    color: #0064B4;
    font-size: 16px;
}
.toc a {
 color: #0064B4;
}
.toc a:hover {
font-weight: bold;
}
.toc ol {
    list-style-position: outside;
    padding-left: 20px;
}
.toc p {
font-weight: bold;
}
figure {
background: rgba(255,102,0,0.05);
    display: block;
    float: none;
    text-align: center;
    padding: 25px;
    margin: 20px -20px;
   }
figure img {
    border: 2px solid #ccc; 
   width: 95%;
   }
figure figcaption {
font-style: italic;
font-size: smaller;
}
img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top:5%;
  left: 20%;
  bottom: 0;
  right: 0;
  width: auto;
  height: 90%;
 /* max-width: 90%;*/
  max-height: 90%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
img{
    display:block;
    margin: 0 auto;
    height: auto;
}

iframe{
    max-width: 100%;
}

@media (max-width: 768px) {
    iframe{height: 100%;
    min-height: 350px;
    max-height: max-content;}
}

@media (max-width: 650px) {
    iframe{
    min-height: 300px;}
}

@media (max-width: 600px) {
    iframe{
    min-height: 280px;}
}

@media (max-width: 500px) {
    iframe{
    min-height: 210px;}
}

@media (max-width: 400px) {
    iframe{
    min-height: 190px;}
}