@font-face {
    font-family: "checkpointcharlie";
    src: url("../fonts/Checkpoint\ Charlie.ttf");
}
@font-face {
    font-family: "universnext";
    src: url("../fonts/");
}
/*

  font-family: "Raleway", sans-serif;
  font-family: "Roboto", sans-serif;
  font-family: "Bevan", serif;
  */

a {
    text-decoration:none!important;
}
a:hover {
    color:white!important;
}

/* menu mvl */
#menu_mvl {
    position:fixed;
    z-index: 99999;
    background-color: #1f1f1f;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    overflow-y :scroll;
    padding: 40px 0px;
    display:none;
    z-index: 9999999;
}
.menumvl_link {
    color:white;
    font-size:30px;
}
.menumvl_link.active {
    font-weight: bold;
    color: #DABA2C;
}
#menu_closer {
    position:fixed;
    top:30px;
    right:30px;
    font-size:40px;
    z-index: 999999;
}
#menu_closer i{
    font-size:40px;
}
.menu_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height:100%;
}
.menumvl_langswitcher {
    margin-top:20px;
}
.menumvl_parent {
    text-align:center;
}
.menmvl_child a {
    display:block;
}
.menmvl_child .menumvl_link {
    font-size:24px;
}
.menunmvl_child_opener {
    margin-left: 15px;
    color:#1F3664;
}
/* end menu mvl */

.color_white {
    color:white;
}
.menu_top {
    text-align:right;
    margin-right:50px;
    padding-top:30px;
}
.menu_top_item {
    color:white;
    font-family: "Raleway", sans-serif;
    font-size:23px;
    margin: 0 3px;
}
.menu_top_item.active a {
    color:#DABA2C;
    font-weight: bold;
}

.container_main {
    width:100%;
    max-width:2000px;
    margin: 0 auto;
    background-image: url(../images/back.png);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.container_main.serveis,.container_main.contacte {
    background-image: url(../images/back45.png);
}
.container_main.contacte {
    background-position: center;
}
.container_max {
    width:100%;
    max-width:1200px;
    margin: 0 auto;
}

.title {
    font-family:'checkpointcharlie',sans-serif;
    font-size: 74px;
    color:white;
    text-align:center;
    line-height:79px;
    margin-top:30px;
    padding: 0 20px;
}
@media (max-width:800px) {
    .title {
        font-size: 34px;
        line-height:42px;
    }
}
.subtitle {
    font-family: "Raleway", sans-serif;
    font-size:25px;
    color:white;
    text-align:center;
    margin: 0 auto;
    padding: 0 20px;
    margin-top:30px;
}

.carrasco_wrapper {
    width:100%;
    max-width:800px;
    margin: 0 auto;
    margin-top:20px;
}

.container_carrascazo {
    position:relative;
    padding-bottom:70px;
}

.logo_wrapper {
    position:absolute;
    bottom: 70px;
    left:50%;
    transform:translateX(-50%);
    max-width:80%;
}

.logo_wrapper img{
    width:100%;
}

.container_serveis {
    width:100%;
    max-width:860px;
    margin: 0 auto;
    margin-top:40px;
}
.serveis_grid {
    display:grid;
    grid-template-columns:48% 48%;
    gap:4%;
    padding: 0 20px;
}
@media (max-width:991px) {
    .serveis_grid {
        grid-template-columns:100%;
        gap:30px;
    }
}
.serveis_grid_item {
    border:1px solid white;
    border-radius:15px;
    padding: 20px 40px;
}
.serveis_grid_title {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size:22px;
    color:white;
    margin-bottom:7px;
}
.serveis_grid_text {
    font-family: "Raleway", sans-serif;
    font-size:22px;
    color:white;
}

.container_contacte {
    width:100%;
    max-width:300px;
    margin: 0 auto;
    margin-top:50px;
}
.contacte_grid {
    display:grid;
    grid-template-columns:40px 1fr;gap:20px;
}
.contacte_grid_text {
    color:white;
    font-family: "Raleway", sans-serif;
    font-size:20px;
}