body { background-color: var(--bgcolor-01); }

body * { color: var(--color-01); }

#ronin_page   { min-height: 100%; max-width: 100vw; display: grid; grid-template-rows: auto 1fr auto; }

#ronin_header { max-width: 100%; z-index: 90; }
#ronin_header .items { display: grid; grid-template-columns: 0 120px 1fr 170px; }
#ronin_header .items .item { display: flex; justify-content: center; align-items: center; }
#ronin_header .items .item:nth-child(2) { justify-content: flex-start; }
#ronin_header .items .item:nth-child(3) { justify-content: center; }
#ronin_header .items .item:nth-child(4) { justify-content: flex-end; }
#ronin_header .item .home-link { display: block; line-height: 0; }
#ronin_header .item .home-link img { object-fit: contain; }
#ronin_header .item-user .name { display: block; position: absolute; right: 2px; top: -10px; width: 100px; border-radius: 3px; padding: 4px 25px 4px 4px; font-size: 0.9rem; background-color: #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: -1;}

body #ronin_header { transition: margin-top 0.5s; position: absolute; top: 0; left: 0; padding: 0; background-color: transparent; }
body #ronin_header .ronin-container { padding: 30px 30px 15px; }
body #ronin_header .ronin-content { background-color: #fff; border-radius: var(--border-radius); padding: 10px 15px; }
body #ronin_header.mini:not(.seccion-modal) { transition: margin-top 0s, top 0.5s; position: fixed; margin-top: -100px; top: 100px; left: 0; padding: 0; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.5); }
body #ronin_header.mini:not(.seccion-modal) .ronin-container { padding: 0; }

#ronin_body { max-width: 100%; }

#ronin_footer { max-width: 100%; background-color: #000; }
#ronin_footer * { color: #eee; }
#ronin_footer .rrss { text-align: right; margin: 25px 0 0; }
#ronin_footer .rrss a { text-decoration: none; display: inline-block; margin: 0 0 0 25px; }
#ronin_footer .rrss a img { width: 32px; height: 32px; object-fit: contain; }
#ronin_footer .links-blocks { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; margin: 0 auto 50px; }
#ronin_footer .link-block { width: 100%; }
#ronin_footer .link-block ul { list-style-type: none; margin: 0; }
#ronin_footer .link-block ul li { display: block; margin: 0 0 10px; }
#ronin_footer .lb-title { font-size: 1.4rem; text-align: left; }
#ronin_footer .lb-link { font-size: 0.9rem; text-align: left; text-decoration: none; }
#ronin_footer .ronin-container-top { margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .ronin-content-top { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .footer-link { display: block; text-decoration: none; margin: 0 0 25px; }
#ronin_footer .footer-link > img { max-width: 190px; }
#ronin_footer .ronin-container-mid { margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .ronin-content-mid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 50px; margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .ronin-content-mid .footer-link:nth-child(1) { margin: 0 0 25px; }
#ronin_footer .ronin-content-mid .footer-link:nth-child(1) img { max-width: 110px; }
#ronin_footer .ronin-content-mid .footer-link:nth-child(2) { margin: 0; }
#ronin_footer .ronin-content-mid .footer-link:nth-child(2) img { max-width: 160px; }
#ronin_footer .footer-link { display: block; text-decoration: none; margin: 0 0 25px; }
#ronin_footer .ronin-container-bottom { margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .ronin-content-bottom { display: grid; grid-template-columns: 1fr; gap: 50px; margin: 0 auto; max-width: var(--max-width); }
#ronin_footer .nav.menu { margin: 0; align-items: flex-start; height: auto; justify-content: flex-start; }
#ronin_footer .nav.menu li a { text-transform: none; padding: 0 15px 0 0; font-size: 0.9rem; display: inline-block; }
#ronin_footer .nav.menu li span { padding: 0 15px 0 0; font-size: 0.9rem; display: inline-block; }
#ronin_footer .nav.menu .menu-divider:last-child { display: none; }
#ronin_footer .bottom-description { text-align: right; }

.nav.menu { list-style-type: none; margin: 5px 0 0 0; display: flex; align-items: center; height: 50px; justify-content: center; }
.nav.menu > li { display: inline-block; }
.nav.menu > li > a { display: block; padding: 5px 15px 8px; text-decoration: none; transition: all 0.3s; font-size: 1.0rem; }
.nav.menu > li.current > a { font-weight: 700; }
.nav.menu > li.active > a { font-weight: 700; }
.nav.menu > li.parent a { display: inline-block; vertical-align: top; padding-right: 0; }
.nav.menu > li.parent .icono { display: inline-block; vertical-align: top; margin: 1px 0 0 -3px; opacity: 0.5; cursor: pointer; }
.nav.menu ul.submenu { list-style-type: none; margin: 0; transition: opacity 0.5s, transform 0s; opacity: 0; transform: translate(0,-1000px); position: absolute; top: 30px; left: 0; background-color: #fff; z-index: 10; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); }
.nav.menu > li:hover ul.submenu { transition: opacity 0.5s, transform 0s; opacity: 1; transform: translate(0,0); transform: scale(1,1) translate(0,0); }
.nav.menu ul.submenu > li { display: inline-block; min-width: 220px; }
.nav.menu ul.submenu > li > a { display: block; padding: 10px 20px 12px; text-decoration: none; transition: all 0.3s; font-size: 0.8rem; text-transform: uppercase; }
.nav.menu ul.submenu > li > a:hover { background-color: #eee; }
.nav.menu ul.submenu > li.current > a { font-weight: 700; }

#ronin_header.seccion-modal { background-color: #aaa; transition: top 0s, margin-top 0s; }
body #ronin_header.seccion-modal .ronin-container { padding: 0; }
body #ronin_header.seccion-modal .ronin-content { border-radius: 0; padding: 25px; background-color: #000; }
body #ronin_header.seccion-modal .close-seccion-modal { background-color: #fff; border-radius: 50%; top: 25px; right: 25px; width: 31px; height: 31px; transform: scale(1.2); padding: 3px; }
body #ronin_header.seccion-modal .home-link { opacity: 0; }
#ronin_header.seccion-modal .quitamiedos { display: block; width: 100%; }
#ronin_header.seccion-modal .ronin-content { height: 100%; transition: transform 0.2s ease-out; transform: translate(0,0); }
#ronin_header.seccion-modal .ronin-content.unfit { transition: transform 0s; transform: translate(-100%,0); }
#ronin_header.seccion-modal .item-right { overflow: auto; }
#ronin_header.seccion-modal .item-user { height: 50px; justify-content: flex-start; margin: 0 auto; width: 100%; max-width: 300px; padding: 15px; border-top: 1px solid #ddd; }
#ronin_header.seccion-modal .item-user a { width: 100%; text-decoration: none; }
#ronin_header.seccion-modal .item-user a .name { position: relative; left: 0; display: inline-block; top: -2px; }
#ronin_header.seccion-modal #main_menu { display: block!important; width: 100%; }
#ronin_header.seccion-modal .header-menu-icon { display: none; }
#ronin_header.seccion-modal .items { display: grid; grid-template-columns: 1fr; grid-gap: 0; }
#ronin_header.seccion-modal .nav.menu { display: block; height: auto; max-width: 300px; width: 300px; margin-left: auto; margin-right: auto; margin-top: 30px }
#ronin_header.seccion-modal .nav.menu > li { display: block; margin-bottom: 10px; }
#ronin_header.seccion-modal .nav.menu > li > a { padding: 15px; color: #fff; text-align: center; }
#ronin_header.seccion-modal .nav.menu > li > a:hover { background-color: #fff1; }
#ronin_header.seccion-modal .nav.menu > li.parent a { display: block; }
#ronin_header.seccion-modal .nav.menu > li.parent > a { border-bottom: 1px solid #ddd; }
#ronin_header.seccion-modal .nav.menu > li.parent .icono { display: block; position: absolute; top: 10px; right: 10px; margin: 0; cursor: pointer; }
#ronin_header.seccion-modal .nav.menu > li.parent .icono:hover { background-color: #ddd; }
#ronin_header.seccion-modal .nav.menu > li ul.submenu { margin: 0; opacity: 0; transition: max-height 0.1s ease-out; max-height: 0; transform: translate(0,0); overflow: hidden; position: relative; top: 0; left: 0; box-shadow: none; }
#ronin_header.seccion-modal .nav.menu > li ul.submenu.visible { opacity: 1; max-height: 2000px; transition: max-height 0.5s ease-out; }
#ronin_header.seccion-modal .nav.menu > li ul.submenu > li { display: block; background-color: #f8f8f8; border-bottom: 1px dashed #ddd; }
#ronin_header.seccion-modal .nav.menu > li ul.submenu > li:last-child { border-bottom: none; }
#ronin_header.seccion-modal .nav.menu > li ul.submenu > li a { padding: 15px 15px 15px 30px; }
#ronin_header.seccion-modal .nav.menu ul.submenu > li > a:hover { background-color: #eee; }
#ronin_header.seccion-modal .ronin-content::before { content: ''; display: block; position: absolute; top: 0px; left: 50%; margin: 25px 0 0 -70px; width: 140px; height: 50px; background-image: url('../../images/logo-efcsn-md.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; }

.ronin-section   { width: 100%; max-width: 100vw; margin:0 auto; padding: 50px 0; }
.ronin-container { max-width: var(--max-width); margin: 0 auto; }
.ronin-content   { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--padding); transition: padding 0.3s; }

*[class^='boton-'] { text-decoration: none; cursor: pointer; transition: all 0.3s; display: inline-block; padding: 20px 50px; background-color: #000; color: #fff; font-size: 1.0rem; }
*[class^='boton-'] > span { display: inline-block; vertical-align: middle; color: #fff; margin-left: 5px; }
*[class^='boton-']:hover { transition: all 0.3s; background-color: #ccc; color: #000; }

.title         { font-size: 2.2rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.subtitle      { font-size: 1.4rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.description   { font-size: 1.2rem; line-height: 140%; font-weight: normal; margin: 0 auto 15px; color: var(--color-13); text-align: left; }
.button        { text-align: left; margin: 50px 0 25px; }
.image         { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.image::before { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.image::after  { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.section-title         { font-size: 1.8rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.section-subtitle      { font-size: 1.4rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.section-description   { font-size: 1.2rem; line-height: 140%; font-weight: normal; margin: 0 auto 15px; color: var(--color-13); text-align: left; }
.section-button        { text-align: left; margin: 50px 0 25px; }
.section-image         { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.section-image::before { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.section-image::after  { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.block-title         { font-size: 1.8rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); }
.block-subtitle      { font-size: 1.4rem; line-height: 120%; font-weight: 670000; margin: 0 auto 25px; color: var(--color-13); }
.block-description   { font-size: 1.2rem; line-height: 140%; font-weight: normal; margin: 0 auto 15px; color: var(--color-13); }
.block-button        { text-align: left; margin: 50px 0 25px; }
.block-image         { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.block-image::before { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.block-image::after  { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.item-title         { font-size: 1.4rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.item-subtitle      { font-size: 1.2rem; line-height: 120%; font-weight: 700; margin: 0 auto 25px; color: var(--color-13); text-align: left; }
.item-description   { font-size: 1.1rem; line-height: 140%; font-weight: normal; margin: 0 auto 15px; color: var(--color-13); text-align: left; }
.item-button        { text-align: left; margin: 50px 0 25px; }
.item-image         { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.item-image::before { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.item-image::after  { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.only-modal { display: none!important; }
.modal-hidden { display: block!important; }
.ronin-section.seccion-modal .only-modal { display: block!important; }
.ronin-section.seccion-modal .modal-hidden { display: none!important; }

.ronin-section.top { padding: 0; background-color: transparent; }
.ronin-section.top .ronin-container { padding: 15px 0; display: block; }
.ronin-section.top .ronin-content { padding: 140px 20px 50px; margin: 0 15px; border-radius: var(--border-radius); background-color: var(--color-12); min-height: 100px; }
.ronin-section.top .title { display: block; font-size: 3.0rem; color: #000; margin: 0 0 25px; text-align: left; line-height: 120%; font-weight: 700; }
.ronin-section.top .subtitle { display: block; font-size: 2.2rem; color: #000; margin: 0 0 15px; text-align: left; line-height: 120%; font-weight: 700; }
.ronin-section.top .description { display: block; color: #000; font-size: 1.2rem; margin: 0; text-align: left; line-height: 140%; font-weight: normal; }
.ronin-section.top .boton { text-align: center; margin: 50px 0; }

.ronin-section.seo { padding: 50px 0; }
.ronin-section.seo .title { text-align: left; }
.ronin-section.seo .description { text-align: left; line-height: 160%; margin: 0 auto 15px; }
.ronin-section.seo .boton { text-align: left; margin: 50px 0; }

.ronin-section.page h1 { font-size: 2.4rem; margin: 30px 0; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h2 { font-size: 1.8rem; margin: 30px 0; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h3 { font-size: 1.5rem; margin: 25px 0; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h4 { font-size: 1.4rem; margin: 15px 0; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page h5 { font-size: 1.2rem; margin: 0 0 50px; text-align: left; line-height: 100%; font-weight: 700; }
.ronin-section.page p  { font-size: 1.1rem; margin: 0 0 15px; text-align: left; line-height: 140%; font-weight: normal; }
.ronin-section.page ul  { margin-top: 25px; margin-bottom: 25px; }
.ronin-section.page li  { font-size: 1.1rem; margin: 0 0 5px; text-align: left; line-height: 140%; font-weight: normal; }
.ronin-section.page ul ul { margin-top: 5px; margin-bottom: 25px; }

.ronin-section.rs-2col { padding: 50px 0; }
.ronin-section.rs-2col .ronin-content { display: grid; gap: 50px; grid-template-columns: 1fr 1fr; }
.ronin-section.rs-2col .image { background-color: #eee; height: 100%; min-height: 400px; }
.ronin-section.rs-2col .boton { margin: 50px 0 0; }

.items-01 { display: grid; gap: 50px; grid-template-columns: 1fr 1fr; margin: 50px 0; }
.items-01 .item-image { padding-top: 70%; background-color: #ccc; }
.items-01 .item-title { color: #000; }
.items-01 .item-description { color: #000; }
.items-01 .item-bottom { padding: 50px; }

.ronin-section.rs-formulario .form-items { display: grid; gap: 30px 50px; grid-template-columns: 1fr 1fr; padding: 25px 25px 15px 15px; max-height: calc(100vh - 100px); overflow: auto; }
.ronin-section.rs-formulario .form-items label { display: block; }
.ronin-section.rs-formulario .form-items input:not([type="submit"]) { background-color: transparent; padding: 20px; font-size: 1.1rem; }
.ronin-section.rs-formulario .form-items input[type='submit'] { width: auto; }
.ronin-section.rs-formulario .form-items input[type='submit']:hover { background-color: #000; transition: all 0.3s; color: #fff; }
.ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] { position: absolute; top: 5px; left: 0; z-index: 25; cursor: pointer; width: 15px; opacity: 0; }
.ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] + label { position: absolute; top: 0; margin-top: 0px; padding: 0 0 0 30px; left: 0; z-index: 25; cursor: pointer; }
.ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] + label::before { content: ''; display: block; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; border: 1px solid #000; }
.ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] + label::after { content: ''; display: block; opacity: 0; transition: all 0.3s; position: absolute; top: 3px; left: 3px; width: 13px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: #000; -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); }
.ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox']:checked + label::after { opacity: 1; transition: all 0.3s; }
.ronin-section.rs-formulario .form-item.enviar { margin: 25px 0 0; text-align: center; }
body.dark .ronin-section.rs-formulario .form-items input[type='submit']:hover { color: #000; background-color: var(--color-02); }
body.dark .ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] + label::before { border: 1px solid var(--color-01); }
body.dark .ronin-section.rs-formulario .form-items input#acepto_input[type='checkbox'] + label::after { border-color: var(--color-01); }

.ronin-section.rs-formulario.formulario-contacto .form-item:nth-child(1n+5) { grid-column: span 2; }
.ronin-section.rs-formulario.acceso-usuarios .form-item:nth-child(1n+3) { grid-column: span 2; }

.ronin-section.rs-mapa { padding: 0; }
.ronin-section.rs-mapa .ronin-container { max-width: 100%; }
.ronin-section.rs-mapa .ronin-content { max-width: 100%; padding: 0; font-size: 0; }

.seccion-modal { transition: all 0; position: fixed!important; margin: 0!important; padding: 0!important; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 99999; }
.seccion-modal .close-seccion-modal { position: absolute; top: 10px; right: 10px; z-index: 999; width: auto; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.seccion-modal > .ronin-container { background-color: rgba(0,0,0,0.75); max-width: 100vw; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.seccion-modal > .ronin-container .shadow-close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.seccion-modal > .ronin-container > .ronin-content { width: 100%; max-width: 1000px; max-height: 100vh; height: auto; overflow: hidden; background-color: #fff; }

.waitting { transition: all 0.5s; opacity: 0; z-index: 0; display: flex; justify-content: center; align-items: center;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); }
.waitting.visible { transition: all 0.5s; opacity: 1; z-index: 99; }
.waitting .puntos { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: rgba(0,0,0,0.5); }
.waitting .puntos { animation: esperando 1s infinite; transition: all 0.3; box-shadow: -25px 0 0 rgba(0,0,0,0.2), 25px 0 0 rgba(0,0,0,0.2); }

@keyframes esperando {
    0%   { background-color: rgba(0,0,0,0.5); box-shadow: -25px 0 0 rgba(0,0,0,0.2), 25px 0 0 rgba(0,0,0,0.2); }
    33%   { background-color: rgba(0,0,0,0.2); box-shadow: -25px 0 0 rgba(0,0,0,0.2), 25px 0 0 rgba(0,0,0,0.5); }
    66%   { background-color: rgba(0,0,0,0.2); box-shadow: -25px 0 0 rgba(0,0,0,0.5), 25px 0 0 rgba(0,0,0,0.2); }
    100%   { background-color: rgba(0,0,0,0.5); box-shadow: -25px 0 0 rgba(0,0,0,0.2), 25px 0 0 rgba(0,0,0,0.2); }
}

.header-menu-icon { cursor: pointer; }

/*============================================================================*/

@media screen and (max-width:575.98px) {
    :root {
        --header-height: 60px;
    }
    body #ronin_header .ronin-container { padding: 30px; }
    #ronin_header .items { grid-template-columns: 30px 1fr 0 30px; }
    #ronin_header .item:nth-child(2) { justify-content: center!important; }
    #ronin_header:not(.seccion-modal) .item-user .name { display: none; }
    #ronin_header .item .home-link img { max-width: 100px; }
    #ronin_footer .links-blocks { grid-template-columns: repeat(2, 1fr); gap: 15px; max-width: 500px; }
    #ronin_footer .ronin-content-bottom { grid-template-columns: 1fr; }
    #ronin_footer .bottom-description { text-align: center; }
    #ronin_footer .nav.menu { justify-content: center; }
    #ronin_footer .nav.menu li a { text-align: center; }
    #ronin_footer .nav.menu li a { padding: 0 10px 0 0; }
    #ronin_footer .nav.menu li span { padding: 0 10px 0 0; }
    #ronin_footer .ronin-content-top { grid-template-columns: 1fr; gap: 0; }
    #ronin_footer .ronin-content-top .ronin-block:nth-child(1) { text-align: center; }
    #ronin_footer .ronin-content-top .ronin-block:nth-child(1) img { margin-left: 50px; }
    #ronin_footer .rrss { text-align: center; }
    #ronin_footer .ronin-content-mid { grid-template-columns: 1fr 1fr; max-width: 400px; margin: 0 auto; }
    #ronin_footer .ronin-content-mid .ronin-block:nth-child(1) { grid-column: span 2; text-align: center; }
    #ronin_footer .ronin-content-mid .ronin-block:nth-child(1) > a { display: inline-block; margin: 15px; vertical-align: middle; }
    .ronin-section.rs-formulario .form-items { grid-template-columns: 1fr; }
    .ronin-section.rs-formulario .form-item { grid-column: span 1!important; }
    .ronin-section.rs2col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.rs2col .ronin-content { grid-template-columns: 1fr; }
    .ronin-section.rs2col .image::before { top: 0; right: 0; width: 100vw; }
    .ronin-section.rs2col .text-container { padding: 50px 25px; }
}

@media screen and (min-width:576px) and (max-width:767.98px) {
    :root {
        --header-height: 70px;
    }
    body #ronin_header .ronin-container { padding: 30px; }
    #ronin_header .items { grid-template-columns: 50px 1fr 0 50px; }
    #ronin_header .item:nth-child(2) { justify-content: center!important; }
    #ronin_header .item .home-link img { max-width: 100px; }
    #ronin_footer .links-blocks { grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 700px; }
    #ronin_footer .ronin-content-bottom { grid-template-columns: 1fr; }
    #ronin_footer .bottom-description { text-align: center; }
    #ronin_footer .nav.menu { justify-content: center; }
    #ronin_footer .ronin-content-top { grid-template-columns: 1fr; gap: 0; }
    #ronin_footer .ronin-content-top .ronin-block:nth-child(1) { text-align: center; }
    #ronin_footer .ronin-content-top .ronin-block:nth-child(1) img { margin-left: 50px; }
    #ronin_footer .rrss { text-align: center; }
    #ronin_footer .ronin-content-mid { grid-template-columns: 1fr 1fr; max-width: 400px; margin: 0 auto; }
    #ronin_footer .ronin-content-mid .ronin-block:nth-child(1) { grid-column: span 2; text-align: center; }
    #ronin_footer .ronin-content-mid .ronin-block:nth-child(1) > a { display: inline-block; margin: 15px; vertical-align: middle; }
    .ronin-section.rs-2col.reverse .ronin-block:nth-child(1) { order: 2; }
    .ronin-section.rs-2col.reverse .ronin-block:nth-child(1) { order: 2; }
    .ronin-section.rs-2col.reverse .image::before { right: initial; left: 0; }
    .ronin-section.rs-2col .text-container { padding: 25px 15px; }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    body #ronin_header .ronin-container { padding: 30px; }
    #ronin_header .items { grid-template-columns: 50px 1fr 0 50px; }
    #ronin_header .item:nth-child(2) { justify-content: center!important; }
    #ronin_header .item .home-link img { max-width: 100px; }
    #ronin_footer .links-blocks { grid-template-columns: repeat(3, 1fr); gap: 15px; max-width: 700px; }
    .ronin-section.rs-2col.reverse .ronin-block:nth-child(1) { order: 2; }
    .ronin-section.rs-2col.reverse .ronin-block:nth-child(1) { order: 2; }
}

@media screen and (min-width:992px) and (max-width:1199.98px) {
    body #ronin_header .ronin-container { padding: 30px; }
    .ronin-section.rs-2col.reverse .ronin-block:nth-child(1) { order: 2; }
}

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