@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway/Raleway-VariableFont_wght.ttf") format("truetype");
  }

  @font-face {
    font-family: "Titillium Regular";
    src: url("../fonts/Titillium/TitilliumWeb-Regular.ttf") format("truetype");
  }

  @font-face {
    font-family: "Titillium Bold";
    src: url("../fonts/Titillium/TitilliumWeb-Bold.ttf") format("truetype");
  }

  @font-face {
    font-family: "Titillium Black";
    src: url("../fonts/Titillium/TitilliumWeb-Black.ttf") format("truetype");
  }



  h1, h2, h3, h4, h5, h6 {
    font-family: Titilium Regular, Raleway, sans-serif;
}


.card-block img {
    width: 100%;
}

.container-area {
    max-width: 960px !important;
}

header {
    margin-bottom: 2rem;
}

#inner_area {
    max-width: 960px;
    margin: auto;
}

 #inner_area .transparent {
    width: 630px;
}

#inner_area .transparent {
    background: rgba(0, 0, 0, 0.4);
    float: right;
    width: 630px;
}

#inner_area .transparent h1 {
    color: #FFFFFF;
    font-size: 35px;
    line-height: 43px;
    margin: 40px 150px 15px 15px;
    text-transform: uppercase;
    font-family: Raleway;
    font-weight: 200;
}

#banner_area {
    background: url("/images/header/banner_main.png");
    background-size: cover;
    height: 14.2rem;
}


div#logo {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.divider-block {
    height: 2rem;
    border-bottom: 5px solid #efeef4;
    border-left: 5px solid #efeef4;
    border-radius: 0 0 0 2rem;
    margin-bottom: 1rem;
    margin-top: -1rem !important;
}

.card-content-area {
    background: #efeef4;
    height: 9rem;
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 0 0 0 2rem;
    font-size: 14px;
}

.card-content-area ul {
    padding-left: 1rem !important;
    margin-top: 2.5rem;
}


.card-block-extra .card-content-area {
    height: 100% !important;
    max-height: 29.5rem;
    border-radius: 0;
}

footer.container.container-area p {
    font-family: Titillium Regular;
}

ul.contact-card-content li {
    list-style: none;
}

ul.contact-card-content a {
    text-decoration: none;
    color:#212529;
}

ul.social-media-block img {
    width: 2rem;
}

ul.social-media-block {
    list-style: none;
    position: relative;
    left: -2rem;
    bottom: -3.2rem;
}

ul.social-media-block li {
    display: inline-block;
    margin-right: 6px;
}

@media (min-width: 768px) and (max-width: 991px) {
.card-content-area {
    height: 10rem;
    }

    .card-block-extra .card-content-area {
        max-height: 31.6rem;
    }
    

}


@media (max-width: 767px) {
    #inner_area .transparent {
        width: auto;
        max-width: 630px;
    }
}


@media (max-width: 575px) {
    #inner_area .transparent h1 {
        font-size: 25px;
        line-height: 34px;
    }

    .divider-block {
        margin-top: 0 !important;
    }
}