*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: break-word;
    color: rgb(100, 100, 100);
    text-decoration: none;
}

h3{
    font-size: 30px;
    font-weight: lighter;
}

a:hover{
    cursor: pointer;
}

@keyframes dissolve_0{
    from{
        opacity: 0;
        transform: translate(0,20px);
    }to{
        opacity: 1;
        transform: translate(0,0);
    }
}

@keyframes dissolve_1{
    0%{
        opacity: 0;
        transform: translate(0,20px);
    }
    40%{
        opacity: 0;
        transform: translate(0,20px);
    }
    100%{
        opacity: 1;
        transform: translate(0,0);
    }
}

@keyframes dissolve_2{
    from{
        opacity: 0;
    }to{
        opacity: 1;
    }
}

.home_fv{
    height: 600px;
    background-color: turquoise;
    background-image: url(../img/home_fv.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding-left: 5vw;
    padding-bottom: 10vh;
    display: flex;
    align-items: flex-end;
    margin-top: 80px;
    animation-name: dissolve_2;
    animation-duration: 0.3s;
}

.home_fv > div {
    background-color: rgba(87, 87, 87, 0.682);
    box-shadow: 5px 5px 5px gray;
    animation-name: dissolve_0;
    animation-duration: 0.2s;
}

.home_fv > div > h1 {
    color: white;
    font-family: 'Times New Roman', Times, serif;
    font-size: 50px;
}

.home_subheader_1{
    margin: 60px 60px 40px 60px;
    animation-name: dissolve_1;
    animation-duration: 0.2s;
}

.home_subheader{
    margin: 60px 60px 40px 60px;
}

.home_subheader_1 > h2 {
    font-size: 25px;
}

.home_subheader > h2 {
    font-size: 25px;
}

.about_1{
    width: 80vw;
    margin: 40px 60px 0;
    animation-name: dissolve_1;
    animation-duration: 0.3s;
}

.about{
    width: 80vw;
    margin: 40px 60px 0;
}

.about_1,.about > p {
    letter-spacing: 1.5px;
    line-height: 1.8;
}

.flex_wrapper{
    width: 80vw;
    margin: 10vh auto 0 auto;
    display: flex;
    justify-content: space-between;
}

.thumb_box{
    width: 40%;
}

.thumb_box > a > div {
    aspect-ratio: 4/3;
    overflow: hidden;
}

.thumb_box > a > div > img {
    width: 100%;
    height: 100%;
    zoom: 1.5;
    cursor: pointer;
    object-fit: cover;
}

.home_arrow{
    width: 90%;
    margin: 4vh 0 4vh 0;
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

.home_arrow::before{
    height: 30%;
    z-index: -1;    
    border-right: solid rgb(13,111,184) 3px;
    border-bottom: solid rgb(13,111,184) 3px;
    transform: skewX(45deg);
    content: "";
    position: absolute;
    top: 50; bottom: 0; left: 0; right: 0;
}

.thumb_box > div:nth-of-type(2) > span {
    letter-spacing: 1.7px;
}

.strengths_wrapper{
    background-image: url(/img/suit.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 30px;
    margin-bottom: 50px;
}

.strengths_box{
    background-color: rgba(255, 255, 255, 0.717);
    margin: auto auto;
    padding: 30px;
}

.strengths_box > div > h3 {
    font-weight: bold;
}

.strengths_box p {
    line-height: 30px;
    margin-top: 30px;
}

.strengths_box div:last-child{
    width: 90%;
}

ul#news_wrap {
    margin: 30px auto 0;
    width: 80%;
    max-width: 800px;
}

#news_wrap li {
    text-align: left;
    font-size: .8em;
    border-top: 1px solid;
    padding: 15px;
}

#news_wrap li:last-of-type {
    border-bottom: 1px solid;
}

li p:nth-of-type(2) {
    display: inline-block;
    font-size: .8em;
    padding: 5px 10px;
    margin: 10px 0 5px;
    border-radius: 10px;
    background-color: #0d70b9;
    color: #fff;
    flex-shrink: 0;
}

li p:nth-of-type(3) {
    font-size: 16px;
    padding-left: 5px;
}

@media screen and (max-width: 744px) and (min-width: 429px) {

.home_fv > div > h1 {
    font-size: 6.5vw;
}

.home_subheader h2{
    font-size: 22px;
}

.home_subheader_1 h2{
    font-size: 22px;
}

.flex_wrapper{
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}

.thumb_box{
    width: 428px;
    margin: 50px auto 50px auto;
}

.home_arrow{
    width: fit-content;
    margin: 29.4px;
    position: relative;
    z-index: 1;
    padding-left: 0;
}

.home_arrow > h3 > a {
    text-align: left;
}

.home_arrow::before{
    width: 130%;
    height: 30%; 
    border-right: solid rgb(13,111,184) 3px;
    border-bottom: solid rgb(13,111,184) 3px;
    transform: skewX(45deg);
    content: "";
    position: absolute;
    top: 60%;
    left: -10px;
}

}

@media screen and (max-width: 428px) {

.home_fv{
    height: 90vh;
    display: flex;
    align-items: center;
    padding: 0;
}

.home_fv > div {
    color: white;
    text-align: center;
    margin: auto auto;
}

.home_fv > div > h1 {
    font-size: 7vw;
}

.home_subheader h2{
    font-size: 22px;
}

.home_subheader_1 h2{
    font-size: 22px;
}

.about{
    width: 90vw;
    margin: auto;
} 

.about > p {
    letter-spacing: 2px;
}

.about_1{
    width: 90vw;
    margin: auto auto;
} 

.about_1 > p {
    letter-spacing: 2px;
}

.flex_wrapper{
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}

.thumb_box{
    width: 100%;
    margin-top: 50px;
}

.home_arrow{
    width: fit-content;
    margin: 7vw;
    position: relative;
    z-index: 1;
    padding-left: 0;
}

.home_arrow > h3 > a {
    text-align: left;
}

.home_arrow::before{
    width: 130%;
    height: 30%; 
    border-right: solid rgb(13,111,184) 3px;
    border-bottom: solid rgb(13,111,184) 3px;
    transform: skewX(45deg);
    content: "";
    position: absolute;
    top: 60%;
    left: -10px;
}

.home_arrow + div {
    width: fit-content;
    margin: 7vw;
}

.strengths_wrapper{
    background-color: wheat;
    padding: 30px;
}

.strengths_box p {
    margin-top: 10px;
}

.strengths_box div:last-child{
    width: 100%;
}

}