.has-text-centered > * { text-align: center; } .c-subelem, .c-fullwidth > * { color: #2c2c2c; } .c-blue { } .c-blue > a { color: white; background: #1f58c6; } .c-flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; } @media screen and (min-width:1280px) { .c-flex.c-flex-reverse { flex-direction: row-reverse; } .c-jumbo { padding: 1.5rem 0; } .c-subelem { padding: 0; max-width: 40vw; margin: auto 0; } } .c-jumbo.c-jumbo-big { min-height: 25rem; padding: 1rem; } .c-jumbo.c-jumbo-medium { min-height: 18rem; padding: 1rem; } .c-jumbo.c-jumbo-small { min-height: 10rem; padding: 1rem; } .c-button { display: block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18); border-radius: 2px; text-align: center; transition: all .2s ease-in-out; white-space: nowrap; cursor: pointer; text-decoration: none; padding: 1rem; width: max-content; margin: 0.5rem; } .c-button:only-child { margin: auto; } .c-button.c-big { font-size: x-large; } .c-subelem { margin: auto 2rem; padding: 1rem 0; width: 100%; } .c-img-shadow { height: auto; max-width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18); border-radius: 2px; } .c-img-center { display: block; margin: auto; } .c-fullwidth { width: 100%; margin: auto 2rem; } @media screen and (max-width:1279px) { .c-no-margin-mobile { margin: 0 !important; } } .c-jumbo { padding: .5rem 0; width: 100%; } .c-fade-left { opacity: 0; transform: translateX(-100px); animation: fadeInLeft 2s ease-in-out both; } .c-fade-right { opacity: 0; transform: translateX(100px); animation: fadeInRight 2s ease-in-out both; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateX(0); } }