@media (max-width: 800px) {
main            {min-height: 600px;}
main>h2         {font-size: var(--fs-h2); text-align: center; color: var(--modr); padding: 40px 15px 0px 15px; margin-bottom: 25px;}
main hr         {border: 1px solid var(--cerv); margin: 0px 18% 40px 18%;}
main .odstavec {padding: 20px 20px 50px 20px;}
main .odstavec h3 {font-size: var(--fs-h3); text-align: center; color: var(--modr); padding: 0px 15px; margin-bottom: 20px;}
main .odstavec p     {font-size: var(--fs-p); color: var(--modr); text-align: center;}
main .odstavec p:not(:last-child) {margin-bottom: 20px;}
main .odstavec span.cerv {font-size: inherit; font-weight: inherit; color: var(--cerv);}
main .odstavec b   {font-size: inherit; font-weight: 500;}
main .odstavec a   {font-size: inherit; font-weight: 500; color: var(--modr); text-decoration: underline;}
main .odstavec ol {margin-left: 25px;}
main .odstavec li {font-size: var(--fs-p); margin-bottom: 12px; color: var(--modr); padding-left: 15px;}
main .seda         {background-color: var(--stri);}
}
@media (min-width: 801px) and (max-width: 1200px) {
main            {min-height: 600px;}
main>h2         {font-size: var(--fs-h2); text-align: center; color: var(--modr); padding: 40px 30px 0px 30px; margin-bottom: 25px;}
main hr         {width: 200px; border: 1px solid var(--cerv); margin: 0px auto 0px auto;}
main .odstavec  {padding: 50px;}
main .odstavec h3  {font-size: var(--fs-h3); text-align: left; color: var(--modr); padding: 0px 30px; margin-bottom: 20px;}
main .odstavec p   {font-size: var(--fs-p); color: var(--modr); text-align: justify;}
main .odstavec p:not(:last-child) {margin-bottom: 20px;}
main .odstavec span.cerv {font-size: inherit; font-weight: inherit; color: var(--cerv);}
main .odstavec b   {font-size: inherit; font-weight: 500;}
main .odstavec a   {font-size: inherit; font-weight: 500; color: var(--modr); text-decoration: underline;}
main .odstavec ol {margin-left: 21px;}
main .odstavec li {font-size: var(--fs-p); margin-bottom: 12px; color: var(--modr); padding-left: 15px;}
main .seda         {background-color: var(--stri);}
}
@media (min-width: 1201px) {
main            {margin: auto; width: var(--strsire); min-height: 600px;}
main>h2         {font-size: var(--fs-h2); text-align: center; color: var(--modr); padding-top: 40px; margin-bottom: 25px;}
main hr         {margin: auto; width: 200px; border: 1px solid var(--cerv);}
main .odstavec     {padding: 50px;}
main .odstavec h3  {font-size: var(--fs-h3); text-align: left; color: var(--modr); margin-bottom: 20px;}
main .odstavec p   {font-size: var(--fs-p); color: var(--modr); text-align: justify;}
main .odstavec p:not(:last-child) {margin-bottom: 20px;}
main .odstavec span.cerv {font-size: inherit; font-weight: inherit; color: var(--cerv);}
main .odstavec b   {font-size: inherit; font-weight: 500;}
main .odstavec a   {font-size: inherit; font-weight: 500; color: var(--modr); text-decoration: underline;}
main .odstavec ol {margin-left: 21px;}
main .odstavec li {font-size: var(--fs-p); margin-bottom: 12px; color: var(--modr); padding-left: 15px;}
main .seda         {background-color: var(--stri); border-radius: 3px; border: 1px solid #ddd;}
}