Aplikácia MariaNet

.mnAppShowcaseAS,
.mnAppShowcaseAS * {
box-sizing: border-box;
}

.mnAppShowcaseAS {
width: 100%;
margin: 0;
padding: 28px 0 8px;
font-family: inherit;
color: #0f172a;
–mn-blue: #087DEE;
–mn-dark: #18314d;
–mn-muted: #31435a;
–mn-soft: #f3f4f6;
–mn-soft-blue: #b9e1fb;
}

.mnAppShowcaseAS__hero {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
gap: clamp(32px, 5vw, 72px);
align-items: start;
margin-bottom: 42px;
}

.mnAppShowcaseAS__content {
min-width: 0;
padding-top: 6px;
}

.mnAppShowcaseAS__title {
margin: 0 0 16px;
color: var(–mn-blue);
font-family: inherit;
font-size: clamp(26px, 2.7vw, 40px);
line-height: 1.18;
font-weight: 800;
max-width: 820px;
}

.mnAppShowcaseAS__text {
margin: 0 0 20px;
color: var(–mn-muted);
font-family: inherit;
font-size: 16px;
line-height: 1.68;
font-weight: 400;
max-width: 680px;
}

.mnAppShowcaseAS__downloadLabel {
display: block;
margin: 0 0 10px;
color: var(–mn-blue);
font-family: inherit;
font-size: 16px;
line-height: 1.35;
font-weight: 800;
}

.mnAppShowcaseAS__badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.mnAppShowcaseAS__badge {
display: inline-flex;
align-items: center;
text-decoration: none;
}

.mnAppShowcaseAS__badge img {
display: block;
height: 42px;
width: auto;
max-width: none;
transition: transform 0.18s ease;
}

.mnAppShowcaseAS__badge:hover img {
transform: translateY(-2px);
}

.mnAppShowcaseAS__heroImage {
width: 100%;
max-width: 560px;
justify-self: end;
align-self: start;
}

.mnAppShowcaseAS__heroImage img {
display: block;
width: 100%;
height: auto;
margin: 0;
border-radius: 8px;
}

.mnAppShowcaseAS__sectionTitle {
margin: 0 0 18px;
color: var(–mn-blue);
font-family: inherit;
font-size: clamp(26px, 2.4vw, 40px);
line-height: 1.15;
font-weight: 800;
}

.mnAppShowcaseAS__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.mnAppShowcaseAS__card {
height: 100%;
padding: 16px 18px;
border-radius: 8px;
background: var(–mn-soft);
}

.mnAppShowcaseAS__card.is-blue {
background: var(–mn-soft-blue);
}

.mnAppShowcaseAS__cardTitle {
margin: 0 0 10px;
color: var(–mn-dark);
font-family: inherit;
font-size: clamp(18px, 1.5vw, 24px);
line-height: 1.25;
font-weight: 800;
}

.mnAppShowcaseAS__cardText {
margin: 0 0 10px;
color: var(–mn-dark);
font-family: inherit;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
}

.mnAppShowcaseAS__list {
margin: 0;
padding-left: 18px;
color: #24354d;
font-family: inherit;
font-size: 14px;
line-height: 1.65;
}

.mnAppShowcaseAS__list li {
margin: 0 0 4px;
}

@media (max-width: 991px) {
.mnAppShowcaseAS {
padding: 24px 0 6px;
}

.mnAppShowcaseAS__hero {
grid-template-columns: 1fr;
gap: 22px;
margin-bottom: 34px;
}

.mnAppShowcaseAS__content {
order: 1;
padding-top: 0;
}

.mnAppShowcaseAS__heroImage {
order: 2;
justify-self: center;
max-width: 520px;
}

.mnAppShowcaseAS__text {
max-width: none;
font-size: 15px;
}

.mnAppShowcaseAS__cards {
grid-template-columns: 1fr;
}
}

@media (max-width: 767px) {
.mnAppShowcaseAS {
padding: 20px 0 6px;
}

.mnAppShowcaseAS__title {
margin-bottom: 14px;
font-size: 26px;
}

.mnAppShowcaseAS__text {
margin-bottom: 18px;
font-size: 15px;
line-height: 1.62;
}

.mnAppShowcaseAS__downloadLabel {
font-size: 15px;
}

.mnAppShowcaseAS__badges {
gap: 8px;
}

.mnAppShowcaseAS__badge img {
height: 40px;
}

.mnAppShowcaseAS__heroImage {
max-width: 100%;
}

.mnAppShowcaseAS__sectionTitle {
margin-bottom: 16px;
font-size: 24px;
}

.mnAppShowcaseAS__card {
padding: 14px;
}

.mnAppShowcaseAS__cardTitle {
font-size: 18px;
}

.mnAppShowcaseAS__cardText,
.mnAppShowcaseAS__list {
font-size: 13px;
}
}

Aplikácia MariaNet prináša všetok obsah Slovenského dohovoru za rodinu priamo do vášho mobilu — prehľadne, rýchlo a bez obmedzení.

V prvej verzii aplikácie už môžete sledovať naše živé vysielanie, modlitby, relácie aj prehliadať archív podľa vlastnej potreby. Zároveň priebežne pracujeme na nových funkciách, ktoré budú postupne pribúdať.

Stiahnite si aplikáciu

O aplikácii