/*768*/
@media only screen and (min-width:768px) {
	
	/**
	* #ESTRUCTURA
	**/
	p {
        font-size: 1.5rem;     
	}
	.dpshadow {
		box-shadow: 15px 15px 0 0 var(--blue);
	}
	.image-over {
		background-position: bottom right;
		background-size: auto 50%;
	}	
	.gif-1 .image-over {
	}
	.gif-2 .image-over {
		background-size: auto 10%;
	}
	.gif-3 .image-over {
	}
	.gif-3.gif-on .contenidor-continguts {
	}
	.contenidor-continguts {
        text-align: center;
        margin-top: 0;
		/*box-shadow: 15px 15px 0 0 var(--blue);*/
    }

	.b-onboarding-01 .contenidor-continguts {padding-top: 0}
	.contenidor-continguts--textos {
        padding-bottom: 4vw;
        padding-top: 0;
    }
	.contenidor-continguts--barra {
		font-size: 20px;
		line-height: 1em;
		padding: 10px;
		border-bottom: 4px solid var(--black);
	}	
	.contenidor-continguts--botons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
	}
	.portada .contenidor-continguts--textos {
/*		padding-right: 0;
		padding-left: 0;
		position: absolute;
		top: 10%*/
	}
	.portada .contenidor-continguts--textos .sub-title {
		font-size: 3.5em;
	}	
	.portada .contenidor-continguts--botons {
		/*position: absolute;
		width: 70%;
		bottom: 25%;
		left: 50%;*/
	}
		.contenidor-continguts--botons .bt-01,
		.totResp-5 .contenidor-continguts--botons .bt-01 {

		}
		.totResp-1 .contenidor-continguts--botons .bt-01 {

		}	
		.totResp-4 .contenidor-continguts--botons .bt-01 {

		}
		.totResp-6 .contenidor-continguts--botons .bt-01 {

		}
		.totResp-7 .contenidor-continguts--botons .bt-01 {

		}	
		.contenidor-continguts--botons.grup-mes-botons .bt-01 {

		}
	
		.resultats--title  {
			
		}
			.resultats--title h1 {
				font-size: 4em;
			}
	    
		.container-resultats {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
            .container-resultats--grafica {
				width: 50%;
				/*box-shadow: 15px 15px 0 0 var(--blue);*/
			}
            .container-resultats--total {
				/*box-shadow: 15px 15px 0 0 var(--blue);*/
			}	
            .container-resultats--textos {width: calc(50% - 50px);}
                .textos-textos {}
                    .textos-textos h2 {
                        font-size: 38px;
                        line-height: 1.2em;
                    }
                    .textos-textos h2 span {
                        font-size: 10vw;
						letter-spacing: -.03em;
						text-shadow: 5px 5px 0px rgba(150, 150, 150, 1);
                    }
                .textos-botons {
                    padding-left: 30px;
                    padding-right: 30px;
                    padding-top: 30px;
                    padding-bottom: 15px;
                }

		
	
	/*SITE-HEADER*/
	.site-header {
		width: 20%;
    	text-align: center;
	}
	.site-header a {
        letter-spacing: -3px;
        font-size: 100px;
    }
	.site-header a span {
        height: 110px;
        width: 110px;
        font-size: 55px;
        line-height: 110px;
        letter-spacing: -3px;
    }
	/*SITE-FOOTER*/
	.site-footer.mes-stickers {font-size: 1.25rem}
	
	/*BACKGROUNDS*/
	.b-onboarding-01,
	.b-legal {

	}
	.b-onboarding-02 {
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto 55%;
	}
	.b-preguntes {
		background-repeat: no-repeat;
		background-position: 105% 130%;
		background-size: auto 55%
	}
	.b-preguntes-addicionals {
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto 55%;
	}
	.b-preguntes.portada {
		background-repeat: no-repeat;
		background-position: 120% 290%;
		background-size: auto 95%
	}
	.page {
		padding-bottom: 2em;
	}
	.page-nav {
		position: fixed;
		text-align: right;
	}
	.nav-next {
		font-size: 5rem;
		width: auto;
		display: inline-block;
		text-align: right;
	}	
	.group-intro {
		margin-bottom: 1em;
		text-align: left;
		font-size: 3rem;
		line-height: 1em;
		margin-top: 1.5rem;
		width: 70%;
	}
	.group-intro h2 {
		font-size: 2.7rem;
	}	
	.quest-content {
		margin-bottom: 3em;
	}
	.quest-line {
		display: none;
	}
	.quest-txt {
	}
	.p-intro .quest-txt {
		margin-right: 0;
		text-align: center;
    	width: 100%;
	}
	.quest-content-list {
	}
	.quest-answer-list {
		display: flex;
		flex-flow: row wrap;
	}	
	.quest-answer-item {
		width: 33%;
	}
	.quest-answer-item label {
		display: flex;
		width: auto;
		min-height: 4.5em;
	}
	.quest-thumb-multi .quest-answer-item {
		width: 20%;
	}
	.quest-thumb-multi .answer-item-label {
		min-height: 3.3em;
		width: 100%;
		text-align: center;
	}	
	.quest-thumb-multi .quest-answer-img {
		width: 100%;
		padding-left: 1em;
	}	
	.quest-thumb-multi .quest-answer-item label	{
		display: block;
	}
	.quest-thumb-single .quest-txt {
		width: 70%;
	}
	.quest-thumb-single .quest-txt p {
		font-size: 2rem;
	}
	.quest-thumb-single .quest-answer {
		width: 30%;
    	align-self: center;
	}
	.quest-thumb-single .quest-answer-item {
		width: auto;
	}
	.quest-thumb-single .quest-answer-img {
		height: 4em;
	}
	.quest-thumb-single .quest-answer-img img {
		height: 100%;
		width: auto;
	}
	.quest-slider .quest-answer-item {
		width: 33%;
	}
	.quest-slider .quest-answer-item label {
		display: block;
	}
	.quest-slider .quest-answer-img {
		padding: 0;
		width: auto;
	}	
	.quest-slider .answer-item-label {
		width: auto;
		font-size: 2rem;
		text-align: center;		
	}
	
	.quest-slider .quest-answer-img::before {
		top: 20%;
		left: calc(50% - 0.3em);
	}
	
/*RESULTAT DETALLS*/
    
.container-resultats-detall {
	margin-top: 6rem;
	box-shadow: 15px 15px 0 0 var(--blue);
	}
	.container-resultats-detall--textos {
		padding: 2rem;
	}
	.container-resultats-detall .fila {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
		.container-resultats-detall .col {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			padding: 60px 0;
			border-bottom: solid 1px var(--grey)
		}
			.container-resultats-detall .subcol {
				margin-right: 50px;
				width: calc(25% - 50px);
				display: inline-block;
				margin-bottom: 50px;
				padding: 0;
			}
    
			.container-resultats-detall .subcol:nth-child(4n) {
				margin-right: 0;
			}

	/*COMPARTEIX*/
	.container-comparteix {padding: 75px 0}
		.container-comparteix > div {
			width: 50%
		}
	/*BAIXAR*/
	.container-baixar {
		padding: 4.687rem 0;
	}		
	.container-baixar--stickers {padding: 3.75rem 0;}
		.container-baixar--stickers a {
			display: block;
			width: 15%;
			margin-bottom: 5%;
		}
	
	/*MODAL*/
	.tancar {
		top: 5%;
		right: 2%;
		font-size: 1.562rem
	}
		.modal-continguts {
			width: 90%;
			max-width: 1500px;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			        transform: translate(-50%,-50%);
		}
			.modal-continguts--titular {
				font-size: 3vw;
				text-align: center;
				padding: 0 0 4rem;
			}
			.modal-continguts--botons {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
			}
				.modal-continguts--botons > div  {
					width: 30%;
					max-width: 400px;
					float: none;
					clear: none;
					margin: 0 2%;
				}
			
	/**
	* #ELEMENTS
	**/
	
	/*BOTONS*/
	.bt-01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 1.5rem;
		padding: 1vw;
	}
	.portada .bt-01 {
		width: 350px;
		min-height: 100px;
	}
	.container-baixar .bt-01 {
		width: 326px;
		text-align: center;
	}
	.textos-botons--botons .bt-01 {
		font-size: 1rem;
		padding: .5rem;
	}
	.link-no.bt-ans {
		font-size: 1.25rem;
		padding: 2rem 1rem;
	}
	.container-comparteix > div .bt-01 {width: 50%}
	/*TITULARS*/
	.b-onboarding-01 h1 {
		font-size: 120px;
		padding: 3rem 1rem;
	}
	.b-onboarding-01 h1 span {
        height: 110px;
        width: 110px;
        font-size: 55px;
        line-height: 110px;
	} 
	.b-onboarding-01 h1 img {
		margin-left: 10%;
	}	
	.contenidor-continguts--textos > div {
		font-size: 8vw;
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 3rem
	}
		.contenidor-continguts--textos > div span {
			font-size: 7vw;
		}
	.b-legal h2 {font-size: 3rem}
    

	.container-resultats-detall h2,
	.container-comparteix h3 {
		font-size: 1.875rem;
		max-width: none;
	}
	.subcol > h3 {
        font-size: 22px;
    }
	.container-baixar h3 {
		font-size: 1.875rem;
		font-weight: 300;
		max-width: 40%;
		margin-bottom: 1.125rem;
	}
	/*TEXTOS SEGUITS*/
	.b-onboarding-01 p,
	.b-onboarding-02 p,
	[class*="b-preguntes"] p {font-size: 2vw}
	.portada .contenidor-continguts--textos p {
		font-size: 2em;
		padding-left: 0;
		padding-right: 0;
	}
	.b-legal p {font-size: 1rem}
	.textos-textos p {font-size: 1.25rem;}
	.textos-botons p {
		font-size: 1.25rem;
		margin-bottom: 4vh;
	}
	.subcol p {
		font-size: 1rem;
		margin-top: 1rem;
	}
	/*LLISTES*/
	.llista-legal {
		font-size: 1rem;
		text-align: right;
	}
		.llista-legal li {
			display: inline-block;
			margin-left: 1rem
		}
		.container-comparteix ul li {margin-right: 20px;}
			.container-comparteix .ic-tt {font-size: 25px}
			.container-comparteix .ic-insta {
				font-size: 27px;
				position: relative;
				top: 2px
			}
			.container-comparteix .ic-fb {
				font-size: 29px;
				position: relative;
				top: 2px
			}
	/*BARRA DE PROGRES*/
	.progres {
		height: 100px;
		width: 100%;
		margin: 0;
	}
		.progres a {
			width: 4vw;
			height: 4vw;
			text-decoration: none;
			border: 1px solid var(--black);
			border-radius: 100px;
			position: absolute;
			-webkit-transition: all 300ms ease-in-out;
			transition: all 300ms ease-in-out;
		}
			.progres a span {font-size: 2vw}
		.contador {
			font-size: 2.5vw;
			font-weight: 300;
			position: fixed;
			left: 2%;
			-webkit-transform: translateX(0);
					transform: translateX(0);
			top: auto;
			bottom: 2.5vw;
		}
		.anterior {
			top: auto;
			left: 43%;
			bottom: 4vw
		}
		.seguent {
			top: auto;
			right: 43%;
			bottom: 4vw
		}
		.barra-progres {
			position: fixed;
			bottom: 0;
			left: 0;
			-webkit-transform: translateX(0);
					transform: translateX(0);
			height: 2vw;
			width: 100%;
			background-color: var(--white);
			border-top: 1px solid var(--black);
			border-bottom: 1px solid var(--black);
			border-left: 0 tranparent;
			border-right: 0 tranparent;
			border-radius: 0;
			overflow: hidden;
		}
		
	/*BARRA DE PROGRES RESULTATS*/
	.barra-resultat {
		height: 18px;
		margin-bottom: 0.25rem;
	}
		.barra-resultat span {height: 18px}
	/*PUNTUACIÓ*/
	.puntuacio {
		font-size: 1rem;
		margin-bottom: .5rem;
	}		
		
		
}

/*1500*/
@media only screen and (min-width:1700px) {
	/*TITULARS*/
	.contenidor-continguts--textos > div {font-size: 6.25rem;}
		.contenidor-continguts--textos > div span {
			font-size: 5rem;
		}
	/*TEXTOS SEGUITS*/
	.b-onboarding-01 p,
	.b-onboarding-02 p,
	[class*="b-preguntes"] p {
        font-size: 3rem;
		line-height: 1.2em;
		margin-top: 1.5rem;
	}
}