article {
margin-bottom: 10px !important;
}
h1, h2, h3, h4, h5, h6 {
padding: 0; margin: 0;
}
html, body, h1, h2, h3, h4, h5, h6, a, button, li, ul {
font-family: 'Noto Sans';
}
h1 {
font-size: 3.5rem; padding: 0;
}
h2 {
font-size: 3rem; padding: 0;
}
h3 {
font-size: 2.5rem; padding: 0;
}
h4 {
font-size: 2rem; padding: 0;
}
h5 {
font-size: 1.5rem; padding: 0;
}
h6 {
font-size: 1rem; padding: 0;
}
.text-is-centered {
text-align: center !important;
}
.text-is-right {
text-align: right !important;
}
.text-is-left {
text-align: left !important;
}
.text-is-white {
color: #ffffff !important;
}
.text-is-grey {
color: #c3c3c3 !important;
}
.size-is-1 {
font-size: 3.5rem !important;
}
.size-is-2 {
font-size: 3rem !important;
}
.size-is-3 {
font-size: 2.5rem !important;
}
.size-is-4 {
font-size: 2rem !important;
}
.size-is-5 {
font-size: 1.5rem !important;
}
.size-is-6 {
font-size: 1rem !important;
}
.size-is-7 {
font-size: 0.75rem !important;
}
.s-subtitle {
font-size: 1rem; font-weight: 300;
}
.s-title {
font-size: 2rem; font-weight: 600;
}
html, body {
margin: 0 !important;
}
hr {
width: 55vh; margin: 0 auto; border: 1px solid #e1e1e1;
}
.s-primary {
background-color: #1dbce0 !important; color: #ffffff !important;
}
.s-info {
background-color: #2980b9 !important; color: #ffffff !important;
}
.s-success {
background-color: #2ecc71 !important; color: #ffffff !important;
}
.s-warning {
background-color: #f1c40f !important; color: #ffffff !important;
}
.s-danger {
background-color: #cd2029 !important; color: #ffffff !important;
}
.s-default {
background-color: #e1e1e1 !important; color: #212529;
}
.s-light {
background-color: #ecf0f1 !important;
}
.s-grey {
background-color: #bdc3c7 !important; color: #ffffff !important;
}
.s-purple {
background-color: #9b59b6 !important; color: #ffffff !important;
}
.s-orange {
background-color: #e67e22 !important; color: #ffffff !important;
}
.s-black {
background-color: #212529 !important; color: #ffffff !important;
}
.container {
max-width: 1344px !important; margin: 0 auto !important; height: auto !important; padding: 30px !important;
}
html, body, h1, h2, h3, h4, h5, h6, a, button, li, ul {
font-family: 'Noto Sans';
}
h1 {
font-size: 3.5rem; padding: 0;
}
h2 {
font-size: 3rem; padding: 0;
}
h3 {
font-size: 2.5rem; padding: 0;
}
h4 {
font-size: 2rem; padding: 0;
}
h5 {
font-size: 1.5rem; padding: 0;
}
h6 {
font-size: 1rem; padding: 0;
}
.text-is-centered {
text-align: center !important;
}
.text-is-right {
text-align: right !important;
}
.text-is-left {
text-align: left !important;
}
.text-is-white {
color: #ffffff !important;
}
.text-is-grey {
color: #c3c3c3 !important;
}
.size-is-1 {
font-size: 3.5rem !important;
}
.size-is-2 {
font-size: 3rem !important;
}
.size-is-3 {
font-size: 2.5rem !important;
}
.size-is-4 {
font-size: 2rem !important;
}
.size-is-5 {
font-size: 1.5rem !important;
}
.size-is-6 {
font-size: 1rem !important;
}
.size-is-7 {
font-size: 0.75rem !important;
}
.s-subtitle {
font-size: 1rem; font-weight: 300;
}
.s-title {
font-size: 2rem; font-weight: 600;
}
.s-gradient {
background: -webkit-linear-gradient(#21D4FD, #158ba5); color: white;
}
.s-banner-container {
display: flex !important; flex-direction: column; justify-content: center !important; width: 100% !important;
}
.s-banner {
background-color: #ffffff; min-height: 15vh; padding: 30px; display: flex; align-items: center;
}
.s-banner-medium {
background-color: #ffffff; min-height: 30vh; padding: 30px; display: flex; align-items: center;
}
.s-banner-large {
background-color: #ffffff; min-height: 60vh; padding: 30px; display: flex; align-items: center;
}
.s-banner-primary-large {
background-color: #1dbce0; min-height: 60vh; padding: 30px; display: flex; align-items: center; color: #ffffff;
}
.s-banner-fullheight {
background-color: #ffffff; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px;
}
.buttons {
display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: left !important; align-items: center !important;
}
.btn-small {
display: flex; align-items: center !important; justify-content: center !important; min-width: 60px !important; min-height: 30px !important; border-radius: 3px !important; padding: 5px !important;
}
.btn-large {
display: flex; align-items: center !important; justify-content: center !important; min-width: 100px !important; min-height: 60px !important; border-radius: 3px !important; padding: 5px !important;
}
.button {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: none !important; padding: 5px !important; margin: 2px !important; color: #212529; background-color: #ffffff; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.button.s-default:hover {
background-color: #d4d4d4 !important;
}
.button.s-primary:hover {
background-color: #1aa9c9 !important;
}
.button.s-danger:hover {
background-color: #b71d25 !important;
}
.button.s-warning:hover {
background-color: #dab10d !important;
}
.button.s-success:hover {
background-color: #29b765 !important;
}
.button.s-info:hover {
background-color: #2472a4 !important;
}
.button.s-purple:hover {
background-color: #8f4bab !important;
}
.outlined-button {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #e1e1e1 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #e1e1e1 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button:hover {
background-color: #e1e1e1 !important; color: #ffffff !important;
}
.outlined-button-white {
min-width: 80px; max-width: 130px !important; min-height: 40px; border-radius: 3px !important; border: 1px solid #ffffff !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #ffffff !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-white:hover {
background-color: #ffffff !important; color: #21D4FD !important;
}
.outlined-button-primary {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #1dbce0 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #1dbce0 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-primary:hover {
background-color: #1dbce0 !important; color: #ffffff !important;
}
.outlined-button-danger {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #cd2029 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #cd2029 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-danger:hover {
background-color: #cd2029 !important; color: #ffffff !important;
}
.outlined-button-warning {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #f1c40f !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #f1c40f !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-warning:hover {
background-color: #f1c40f !important; color: #ffffff !important;
}
.outlined-button-success {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #2ecc71 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #2ecc71 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-success:hover {
background-color: #2ecc71 !important; color: #ffffff !important;
}
.outlined-button-info {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #2980b9 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #2980b9 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-info:hover {
background-color: #2980b9 !important; color: #ffffff !important;
}
.outlined-button-purple {
display: flex; align-items: center !important; justify-content: center !important; min-width: 80px; min-height: 40px; border-radius: 3px !important; border: 1px solid #9b59b6 !important; padding: 5px !important; margin: 2px !important; background-color: transparent !important; color: #9b59b6 !important; -webkit-transition: 0.3s ease-in-out !important; transition: 0.3s ease-in-out !important;
}
.outlined-button-purple:hover {
background-color: #9b59b6 !important; color: #ffffff !important;
}
.gallery {
display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; padding: 10px;
}
.photo {
border-radius: 3px; width: 300px !important; height: 250px !important; margin: 0.6rem !important; border-radius: 3px !important;
}
.photo1, .photo9 {
background: url("https://images.unsplash.com/photo-1504814532849-cff240bbc503?auto=format&fit=crop&w=1268&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo2, .photo10 {
background: url("https://images.unsplash.com/photo-1463468217891-c11f48e6310a?auto=format&fit=crop&w=1267&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo3, .photo11 {
background: url("https://images.unsplash.com/photo-1464646163800-8331cc18a357?auto=format&fit=crop&w=1346&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo4, .photo12 {
background: url("https://images.unsplash.com/photo-1480099835147-7b8f6c6f8b98?auto=format&fit=crop&w=1288&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo5, .photo13 {
background: url("https://images.unsplash.com/photo-1482531007909-192ac913980a?auto=format&fit=crop&w=1351&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo6, .photo14 {
background: url("https://images.unsplash.com/photo-1454123253751-1fe2b9e0c10d?auto=format&fit=crop&w=1350&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo7, .photo15 {
background: url("https://images.unsplash.com/photo-1500514966906-fe245eea9344?auto=format&fit=crop&w=1267&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.photo8, .photo16 {
background: url("https://images.unsplash.com/photo-1483560732664-64c6d784340b?auto=format&fit=crop&w=1350&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D") center no-repeat; background-size: cover;
}
.s-card-grid {
display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;
}
.s-card {
display: flex; flex-direction: column; max-width: 100%; width: 48vh; background-color: white; box-shadow: 2px 2px 20px #bdc3c7; border-radius: 3px; padding: 0; margin: 0.5rem; -webkit-transition: 0.3s ease-in-out !important; -webkit-transition-transition: 0.2s ease-in-out !important;
}
.s-blog-card {
display: flex; flex-direction: column; max-width: 100%; width: 700px; background-color: white; border-radius: 1px; padding: 0; margin: 0.5rem; -webkit-transition: 0.3s ease-in-out !important; -webkit-transition-transition: 0.2s ease-in-out !important;
}
.s-card:hover {
box-shadow: 4px 4px 20px #c3c3c3;
}
.s-card-content {
padding: 20px;
}
img {
max-width: 100%; width: 48vh; height: 30vh; border-radius: 3px 3px 0 0; margin: 0;
}
.s-card-title {
font-family: 'Noto Sans'; font-size: 1.3rem !important; margin: 0;
}
.s-card-text {
margin: 0; font-family: 'Noto Sans'; font-size: 12px;
}
.s-profile-card {
width: 48vh; min-height: 45vh; display: flex; flex-direction: column; border-radius: 10px; margin: 15px; padding: 0; box-shadow: 2px 2px 20px #bdc3c7; -webkit-transition: 0.3s ease-in-out !important; -webkit-transition-transition: 0.2s ease-in-out !important;
}
.s-profile-card:hover {
box-shadow: 4px 4px 20px #c3c3c3;
}
.s-profile-card-container {
display: flex; justify-content: center; width: 48vh; flex-direction: column;
}
.s-profile-background {
width: 48vh; min-height: 22vh; background-size: cover; border-radius: 10px 10px 0 0;
}
.s-profile-picture {
margin-top: -70px; display: flex; justify-content: center;
}
.s-profile-image {
width: 20vh; height: 20vh; border-radius: 100%; background-color: white; border: 3px solid white;
}
.s-profile-media {
background-color: white; border-radius: 10px;
}
.s-profile-content {
display: flex; flex-direction: column; padding: 20px; font-family: 'Montserrat'; justify-content: center; text-align: center; margin-top: -10px; background-color: white; z-index: -1; border-radius: 0 0 10px 10px; font-family: 'Montserrat';
}
.s-profile-title {
padding: 0; margin: 0; font-weight: 300; font-size: 1.5rem;
}
.s-profile-text {
padding: 0; font-size: 0.75rem; margin: 0.5em;
}
.s-profile-links {
letter-spacing: 3px;
}
.fa-instagram {
color: #E44D55;
}
.fa-linkedin {
color: #0076B4;
}
.fa-twitter {
color: #1DA1F4;
}