@media (min-width: 576px) {

    .menu-open.show::after {width: calc(100% - 300px);}
    
.titol span,.titolg span{	font-size: 25px; margin-bottom: 15px;}

.titolg {	font-size: 60px;margin-bottom: 30px;}
.titol {	font-size: 41px;margin-bottom: 30px;}
.titolp{		font-size: 25px;text-align: left;}
.recuadre-blanc   {	padding: 20px;}
.recuadre-blanc   h2{		font-size: 25px;}
}

@media (min-width: 768px) {
    .text-bgblau {
        background: transparent;
    }
    .sliderhome {
        background: linear-gradient(180deg, #075997 0%, #1a6fa0 40%, #075997 70%, #075997 100%);
        background-size: 100% 200%;
        animation: moveGradient 8s ease-in-out infinite alternate;
        color: #ffffff;
    }
.sliderhome h1 {	font-size: 70px;}
.sliderhome h1 span{	font-size: 25px;}
.sliderhome .recuadre-blanc   {	background-color: #FAFDFF;}
footer .collapse{display: block!important;}
.collapse-footer::before {    display: none;  }  
.collapse-footer {	border-bottom: 0px;}
.collapse-footer.mt-4{margin-top: 1.5rem !important;}
.collapse-footer, footer .collapse.show {	margin-bottom: 0px;}
.bg-serveis,.bg-dia  {    border-radius: 0px;    margin: 0px 0px;}
.bg-faqs{padding:60px;}
.video-container {	height: 560px;}

}


    @media (min-width: 992px) {

    }


@media (min-width: 1200px) { 
    .navbar-secundari .nav-link  { color: #075997;}
    .navbar-principal .dropdown-menu{	background: #ffffff;	border: 1px;} 
    .navbar-principal .dropdown-menu .dropdown-item{color: #1A1A1A;} 
    .navbar-principal > li {        border-bottom: 0px;    }
.navbar-principal .nav-link  {color: #1A1A1A;  }
    .nav-contacte{width: initial;}
    .logofooter{margin-bottom: 90px;}
    .navbar-principal > li.nav-item {border-bottom: none;}
    #navbarSupportedContent {position: relative;width: initial;min-height: initial;z-index: 999;right: initial;top: initial;padding: initial;border: 0px;}
    .logo {    width: 200px;    height: 51px;}
}

@media (min-width: 1400px) {

    .navbar-principal .nav-link  {  padding: 8px 10px!important;}
  
}

@media (min-width: 1600px) {
    .navbar-principal .nav-link  {  padding: 8px 20px!important;}
}