/*900*/
@media only screen and (max-width: 900px) {
    /*fullpage general*/
    .section-texto h2 {
        padding-bottom: 2rem;
    }
    
    /*section-protesisCapilares & section-volumateur*/
    .section-protesisCapilares .fp-bg {
        background: url(../img/protesis-capilares-bg.jpg) no-repeat right center;
        background-size: cover;
    }
    .section-volumateur .fp-bg {
        background: url(../img/volumateur-bg-3.jpg) no-repeat right center;
        background-size: cover;
    }
        .section-protesisCapilares .wrapper,
        .section-volumateur .wrapper {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            padding: 0 2.5rem;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0 auto;
            text-align: center;
        }
    
    /*section-pelucasOncologicas*/
    .section-pelucasOncologicas .fp-bg  {
        background: url(../img/protesis-oncologicas-3.jpg) no-repeat center top;
        background-size: cover;
    }
        .section-pelucasOncologicas .wrapper {
            max-width: 100%;
            background: rgba(0,0,0,0.4);
            margin: 0 auto;
            padding: 0 2.5rem;
            text-align: center;
			height: 100%;
        }
            .section-pelucasOncologicas p {color:  #FFF;}
            
        /*pelucasEstandar*/
        .section-pelucasEstandar .wrapper,
		.section-quemaduras .wrapper {
            margin: 0 auto;
            text-align: center;
            padding: 0 2.5rem;
        }
        
        /*reparacionProtesis*/
        .section-reparacionProtesis .fp-bg {
            background: url(../img/REPARACION-BG.jpg) no-repeat center center;
            background-size: cover;
            overflow: hidden;
        }
            .section-reparacionProtesis .wrapper {
                height: 100%;
                max-width: 100%;
                padding: 0 2.5rem;
                background: rgba(0,0,0,0.5);
                text-align: center;
            }
            .section-reparacionProtesis p {color:  #FFF;}
    
    /*modals*/
    .modal-container {
        display: block;
        position: relative;
    }
    .modal-text {
        width: 90%;
        margin: 2rem auto
    }
    .modal-video + .modal-text {
        width: 90%;
        margin: 0 auto;
    }
    .modal-video {
        width: 70%;
        margin: 2rem auto;
    }
    
    /*tancar*/
    .bt-tancar {
        height: 50px;
        width: 50px;
        position: fixed;
        top: 0;
        right: 10px;
    }
    .c-tancar {
        height: 50px;
        width: 50px;
    }
    .c-tancar:focus {outline: none;}
        .c-tancar span {
            display: block;
            height: 1px;
            background: transparent;
            position: absolute;
            top: 25px;
            left: 10px;
            right: 10px;
        }
    
    /*botons*/
    .boto {
        border: solid 1px #FFF;
        color: #FFF;
    }
    .boto:hover {color: #1E1E22}
        .boto::before { background: #FFF;}
    
	/*contactar*/
	.wrapper.contactar {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
		.formulari,
		.infoContacte {width: 100%;}
		.infoContacte {
			padding-top: 5rem;
			text-align: center;
		}
    /*footer*/
	.milkyWay {
		min-height: auto;
	}
    .siteFooter .wrapper {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
        .siteFooter-logo {
            position: relative;
            left: -12px;
        }
        .siteFooter ul {
            padding: 0.5rem 0.2rem;
        }
        .siteFooter-adhoc a {
            display: inline-block;
            letter-spacing: 1px;
            line-height: 1.4;
            background: url(../img/logo-adhoc.png) no-repeat center bottom;
            padding-bottom: 30px;
        }
		
		/*mosaic perruques*/
		.grid-sizer,
		.producte { width: 32%;}
}
/*800*/
@media only screen and (max-width: 800px) {
		/*mosaic perruques*/
		.grid-sizer,
		.producte { width: 48%;}
		
		/*video mosaic*/
		.video-mosaic .video-item {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 0 auto 0.5rem auto;
		}
		.video-mosaic .video-item + .video-item {
			margin-left: auto;
		}
		/*mosaic fotos*/
		.mosaic a {
			width: 16%;
		}
	.section-intro .wrapper {
		max-width: none;
		width: 100%;
		padding-right: 3rem;
	}	
}
/*550*/
@media only screen and (max-width: 550px) {
/*HEADER*/
.siteHeader {
    height: 50px;
    width: 185px;
}
.fp-viewing-hairwig .siteHeader {
    width: 62px;
}
    .bt-hamburguer {
        height: 50px;
        width: 60px;
    }
        .c-hamburguer {
            height:50px;
            width:60px;
        }
        .c-hamburguer:focus {outline: none;}
            .c-hamburguer span {
                height: 2px;
                top: 25px;
                left: 10px;
                right: 10px;
            }
            .c-hamburguer span::before {
                top: -6px;
            }
            .c-hamburguer span::after {
                bottom: -6px;
            }
    /*logo*/
    .siteHeader-logo {
        height: 50px;
        position: absolute;
        top: 0;
        left: 62px;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    
    /*section intro*/
    .section.section-intro img {
        width: 50%;
        position: static;
    }
        .section-intro .wrapper {
            margin: 0 auto;
            width: 80%;
            position: relative;
            text-align: center;
        }
                .section-intro .section-titulo {
                    padding: 2rem 0;
                    width: auto;
                    font-size: 1.2rem;
                }
    .section-intro2 .wrapper {
        margin: 0 auto;
        width: 85%
    }
    /*navegacio lateral*/
    body #fp-nav.left {
        left: 0px;
    }
    body.bodyModal #fp-nav.left {
        left: -20px;
    }
	
	/*faqs*/
	.site-main {
		padding: 5rem 0;
	}
	/*mosaic perruques*/
	.grid-sizer,
	.producte { width: 100%;}
	
	/*protesis capilares*/
	.section-protesisCapilares .text-container.flex .paso-container {
		width: 100%;
	}
	.section-protesisCapilares .text-container,
	.section-volumateur .text-container,
	.section-pelucasOncologicas .text-container,
	.section-pelucasEstandar .text-container,
	.section-reparacionProtesis .text-container {
		padding: 2rem 0.25rem;
	}
	.nextPrev {
		clear: both;
		position: static;
		padding-top: 1rem;
		padding-left: 1rem;
	}
	/*mosaic fotos*/
		.mosaic a {
			width: 50%;
		}
	
	/*ok*/
		.ok h1 {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.2;
		padding: 2rem;
	}
	.ok h2 {
		font-size: 1.3rem;
		padding:  0 2rem
	}
}

/*450*/
@media only screen and (max-width: 450px) {
    /*logo*/
	.siteHeader {width: 60px; }
	.siteHeader-logo {
		display: none;
	}
    /*nav*/
	#fp-nav {display: none;}
    .siteNav ul {
        font-size: 1.5rem;
        left: 10%;
    }
    /*fullpage general*/
    .section-texto h2 {
        padding-bottom: 0.25rem;
        font-size: 1.5rem;
    }
    .section-texto h3 {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    .section-texto p,
	.text-container p {
        font-size: 1rem;
        margin-bottom: 0.25rem;
    }
	.section-texto p {
        color: #FFF;
	}
	.section-pelucasOncologicas .text-container p,
	.section-reparacionProtesis .text-container p {
		color: #333;
	}
	.section-texto p:last-of-type {
		margin-bottom: 1rem;
	}
	
	/*intro 1 i 2*/
	.section-intro .wrapper {padding-top: 1rem;}
	.section-intro .wrapper,
	.section-intro2 .wrapper {width: 100%;}
	.section-intro2 p {
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}
	.section-intro2 li a {
		font-size: 1rem;
	}

}