html, body {
    font-family:'TASA Explorer', sans-serif;
}

.logo {
    width:230px;
}

#hero {
    padding:50px;

}

.hero-1 {
    background-color: rgba(61, 110, 165, 0.7);
    padding:50px;
    border-radius:5px;
    color:white;
}
.hero-2 {}

.hero-title {
    font-size:45px;
    font-weight:600;
}

.hero-subtitle {
    font-size:35px;
    font-weight:300;
}

.hero-img {
    width:100%;
    max-width:100%;
    height:100%;
    overflow:hidden;
}

.title {
    font-size:40px;
    font-weight:600;
    color: #204570;
}

.subtitle {
    font-size:25px;
    font-weight:400;
    color:black;
}

.content {
    padding:50px;
}

.intro-img  {
    width:60%;
    max-width:80%;
    height:auto;
    overflow:hidden;
    align-self:center;
    border-radius:5000px;
}

.title-light {
    font-size:40px;
    font-weight:600;
    color: white;
}

.subtitle-light {
    font-size:25px;
    font-weight:400;
    color:white;
}
.content-edit {
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
}

#work {
    background-color: rgba(61, 110, 165, 0.7);
    padding:90px;
}

.value {
    border:2px solid #1748c3;
    background-color:rgba(61, 110, 165, 0.7);
    padding:5px;
    margin:5px;
    color:white;
    padding-bottom:40px;
}

#values{
    text-align:center;
}

#contact {
    background-color: rgba(61, 110, 165, 0.7);
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
}

.card-subtext {
    color:grey;
}

.card-subtitle {
    margin:20px;
    color:white;
}

.about-main {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
}

.card {
    margin:30px !important;
    border:5px solid #204570;
}

.icon {
    font-size:3rem;
    margin:20px;
}