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;

}