/**/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {

}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {

}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {


}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {

}
/*Extra large screens, TV*/
@media (min-width: 1201px){

}

/**/
/*Mobile*/
@media (max-width: 991px) {
	.navbar-hidden-item{
		display: none;
	}
}
/*Desktop*/
@media (min-width: 992px){
	.navbar-hidden-item{
		visibility: hidden;
	}
}

@media (width <= 480px){
	
	.section-title{
		width: 75%;
	}
}

/*HOME MENU*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.home-menu{
		display: none;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.home-menu{
		display: none;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.home-menu{
		bottom: -15rem;
	}
	.home-menu img{
		width: 15vw;
	}
	.home-menu p{
		font-size: smaller;
	}

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.home-menu{
		bottom: -20rem;
	}
	.home-menu img{
		width: 15vw;
	}
}
/*Desktops, large screens*/
@media (min-width: 1201px) and (max-width: 1400px) {
	.home-menu{
		top: 1050px;
	}
	.home-menu img{
		width: 15vw;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1401px){
	.home-menu{
		bottom: -20rem;
	}
}

/*PROJECTS MENU*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.projects-header{
		height: 45vh;
	}
	.projects-menu{
		display: none;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.projects-header{
		height: 45vh;
	}
	.projects-menu{
		display: none;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.projects-menu{
		top: 40vh;
	}
	.projects-menu img{
		width: 15vw;
	}
	.projects-menu p{
		font-size: x-small;
	}
	.filters-mobile-button-container{
		display: none;
	}

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.projects-menu{
		top: 40vh;
	}
	.projects-menu img{
		width: 12vw;
	}
	.projects-menu p{
		font-size: smaller;
	}
	.filters-mobile-button-container{
		display: none;
	}
}
/*Desktops, large screens*/
@media (min-width: 1201px) and (max-width: 1400px) {
	.projects-menu{
		top: 40vh;
	}
	.projects-menu img{
		width: 12vw;
	}
	.projects-menu p{
		font-size: smaller;
	}
	.filters-mobile-button-container{
		display: none;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1401px){
	.projects-menu{
		top: 35vh;
	}
	.projects-menu img{
		width: 12vw;
	}
	.filters-mobile-button-container{
		display: none;
	}
}
/*----*/

@media (max-width: 500px){
	.subfooter{
		text-align: center;
	}
	.subfooter img {
		width: 80vw !important;
	}
}

/*NAVBAR*/
@media (max-width: 991px){
	.navbar{
		width: 100vw;
		background-color: transparent;
	}
}
@media (min-width: 992px){
	.navbar{
		width: 100vw;
		height: 185px;

	}
	.navbar .container-fluid .navbar-brand,#navbarSupportedContent{
		margin: 5vw;
	}
}

/*HOME - SLIDER CARROUSEL*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.c-item .carousel-caption{
		margin-top: 25vh;
	}
	#myCarousel2 .carousel-item {
		min-height: 100vh;
	}
	#myCarousel2 .c-item .carousel-caption p{
		display: none;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.c-item .carousel-caption{
		margin-top: 25vh;
	}
	#myCarousel2 .carousel-item {
		min-height: 100vh;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.c-item .carousel-caption{
		margin-top: 30vw;
	}
}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.c-item .carousel-caption{
		margin-top: 22vw;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.c-item .carousel-caption{
		margin-top: 15vw;
	}
}
/*HOME - PROJECTS*/
/*Mobile devices*/
@media (max-width: 991px) {
	.projects-desktop{
		display: none;
	}
	#home-projectsCarousel .carousel-caption{
		display: none;
	}
}
@media (min-width: 992px) {
	.projects-mobile{
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.home-projects .project .project-image{
		width: 100%;
		height: 100%;
	}
	.home-projects .project-button{
		margin: auto;
		margin-top: 20vw;
		margin-bottom: 20vw;
	}
	.home-projects .project .description{
		font-size: 0.62rem;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.home-projects .project .project-image{
		width: 100%;
		height: 100%;
	}
	.home-projects .project-button{
		margin: auto;
		margin-bottom: 10vw;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.home-projects .project .project-image{
		width: 100%;
		height: 100%;
	}
	.home-projects .project-button{
		margin-top: 2vw;
		margin-bottom: 5vw;
	}
}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.home-projects .project .project-image{
		width: 100%;
		height: 100%;
	}
	.home-projects .project-button{
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.home-projects .project .project-image{
		width: 100%;
		height: 100%;
	}
	.home-projects .project-button{
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
}

/*FOOTER*/
@media (min-width: 320px) and (max-width: 768px) {
	.footer .col-12{
		width: 75vw;
		margin: auto;
		margin-bottom: 10vw;
	}
	.footer .social_media{
		justify-content: start;
	}
}
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.footer_logo{
		width: 45vw;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.footer_logo{
		width: 45vw;
	}	 
}
/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.footer{
		font-size: small;
	}
	.footer_logo{
		margin-left: 10vw;
	}
	.footer_item{
		display: flex;
	}
	.footer_icon{
		width: 50px;
		height: 80px;
		margin-right: 3vw;
	}
	.footer_lista li{
		padding-left: 2rem;
	}
	#footer_secciones_web{
		text-align: center;
	}
	#footer_secciones_web ul{
		display: inline-grid; 
		text-align: left; 
	}
}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.footer{
		font-size: small;
	}
	.footer_logo{
		margin-left: 10vw;
	}
	.footer_item{
		display: flex;
	}
	.footer_icon{
		width: 50px;
		height: 80px;
		margin-right: 3vw;
	}
	.footer_lista li{
		padding-left: 2rem;
	}
	#footer_secciones_web{
		text-align: center;
	}
	#footer_secciones_web ul{
		display: inline-grid; 
		text-align: left; 
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.footer{
		font-size: small;
	}
	.footer_logo{
		margin-left: 20vw;
	}
	.footer_item{
		display: flex;
	}
	.footer_icon{
		width: 50px;
		height: 80px;
		margin-right: 1vw;
	}
	.footer_lista li{
		padding-left: 2rem;
	}
	#footer_secciones_web{
		text-align: center;
	}
	#footer_secciones_web ul{
		display: inline-grid; 
		text-align: left; 
	}
}

/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.contact-header,.filosofy-header{
		height: 80vh;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 767px) {
	.contact-header,.filosofy-header{
		height: 80vh;
	}
}

/*Small screens, laptops*/
@media (min-width: 768px) and (max-width: 1024px) {
	.contact-header,.filosofy-header{
		height: 80vh;
	}
}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.contact-header,.filosofy-header{
		height: 85vh;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.contact-header,.filosofy-header{
		height: 85vh;
	}
}

@media (min-width: 320px) and (max-width: 768px) {	
	.filosofy-header h1 {
		width: 75vw;
	}
}

/*FILOSOFY*/
/*Mobile devices, iPads, Tablets*/
@media (min-width: 320px) and (max-width: 768px) {
	.filosofy-intro .col-12{
		padding: 0;
	}
	.filosofy-intro p{
		margin: 10vw;
		font-size: small;
		text-align: start;
	}
	.filosofy-intro img{
		width: 80vw;
		margin: 0vw 10vw 10vw;
	}


	.filosofy-quality .col-12{
		padding: 0;
	}
	.filosofy-quality p{
		margin: 10vw;
		font-size: small;
	}
	.filosofy-quality img{
		width: 80vw;
		margin: 0vw 10vw;
	}
	.filosofy-quality h3{
		margin: 10vw 5vw 0vw;
		text-align: center;
	}

}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.filosofy-intro p{
		margin: 5vw 0;
		font-size: 0.55rem;
	}
	.filosofy-intro img{
		width: -webkit-fill-available;
	}
	.filosofy-intro .col-md-6{
		padding-right: 0;
	}


	.filosofy-quality .col-12{
		margin: 5vw 0;
	}
	.filosofy-quality p{
		margin-left: 5vw;
		font-size: 0.55rem;
	}
	.filosofy-quality img{
		width: -webkit-fill-available;
		height: 30vw;
	}
	.filosofy-quality h3{
		width: 30vw;
		margin: 3vw 12vw;
		text-align: right;
		font-size: 1rem;
	}

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.filosofy-intro p{
		margin: 5vw 0;
		font-size: 0.65rem;
	}
	.filosofy-intro img{
		width: -webkit-fill-available;
	}
	.filosofy-intro .col-md-6{
		padding-right: 0;
	}


	.filosofy-quality .col-12{
		margin: 5vw 0;
	}
	.filosofy-quality p{
		font-size: 0.65rem;
	}
	.filosofy-quality img{
		width: 30vw;
	}
	.filosofy-quality h3{
		width: 20vw;
		margin: 3vw 10vw;
		text-align: right;
		font-size: 1rem;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px) and (max-width: 1300px){
	.filosofy-intro p{
		margin: 5vw 0;
		font-size: 0.75rem;
	}
	.filosofy-intro img{
		width: -webkit-fill-available;
	}
	.filosofy-intro .col-md-6{
		padding-right: 0;
	}


	.filosofy-quality .col-12{
		margin: 5vw 5vw 5vw 0;
	}
	.filosofy-quality .filosofy-quality-text{
		width: 35vw;
		font-size: 0.75rem;
	}
	.filosofy-quality img{
		width: 40vw;
	}
	.filosofy-quality h3{
		width: 30vw;
		margin: 3vw 10vw;
		text-align: right;
	}
}
@media (min-width: 1301px){
	.filosofy-intro p{
		margin: 5vw 0;
		font-size: 1rem;
	}
	.filosofy-intro img{
		width: -webkit-fill-available;
	}
	.filosofy-intro .col-md-6{
		padding-right: 0;
	}


	.filosofy-quality .col-12{
		margin: 5vw 5vw 5vw 0;
	}
	.filosofy-quality .filosofy-quality-text{
		width: 35vw;
		font-size: 1rem;
	}
	.filosofy-quality img{
		width: 40vw;
	}
	.filosofy-quality h3{
		width: 30vw;
		margin: 3vw 10vw;
		text-align: right;
	}
}


/*CONTACT SECTION*/
/*Extra large screens, TV*/
@media (max-width: 991px){
	.css-absoluteContact {
		position: inherit;
	}
	.home-map {
		margin-top: 10vw;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.counter-section{
		height: 155vw;
	}
	.counter-section-numbers{
		display: block !important;
	}
	.counter-section-title{
		width: 70%;
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	.counter-section{
		height: 110vw;
	}
	.counter-section-numbers{
		display: block !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.counter-section{
		height: 80vw;
	}
	.counter-section-numbers{
		display: block !important;
	}
}

@media (min-width: 320px) and (max-width: 768px) {
	.home-categories .category-2{
		padding: 0;
	}
}

@media (max-width: 768px) {
	.projects-header-text p, .project-detail-header-text p{
		display: none;
	}
	.project-info .description{
		display: none;
	}
	.project-detail-intro{
		justify-content: center;
	}
	.project-detail-intro .box-shadow{
		margin: 10vw;
		padding: 3vw;
	}
}
/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.project-detail-intro{
		justify-content: space-around;
	}
	.project-detail-intro .box-shadow{
		height: fit-content;
		padding: 3vw;
	}	

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.project-detail-intro{
		justify-content: space-around;
	}
	.project-detail-intro .box-shadow{
		height: fit-content;
		padding: 3vw;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.project-detail-intro{
		justify-content: space-around;
	}
	.project-detail-intro .box-shadow{
		height: fit-content;
		padding: 3vw;
	}
}

/*HOME MOBILE*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	#carousel-projectsMobile .carousel-caption h5{
		height: 20vw;
	}
	#carousel-projectsMobile .carousel-caption .description{
		width: 50vw;
		height: 60vh;
		margin: auto;
		margin-bottom: 5vw;
	}
	#carousel-projectsMobile .carousel-control-prev, #carousel-projectsMobile .carousel-control-next{
		top: 30%;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	#carousel-projectsMobile .carousel-caption .description{
		height: 35vh;
		margin-bottom: 5vw;
	}
	#carousel-projectsMobile .carousel-control-prev, #carousel-projectsMobile .carousel-control-next{
		top: 40%;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	#carousel-projectsMobile .carousel-caption .description{
		width: 50vw;
		height: 55vh;
		margin: auto;
		margin-bottom: 5vw;
	}
	#carousel-projectsMobile .carousel-control-prev, #carousel-projectsMobile .carousel-control-next{
		top: 40%;
	}

}

@media (min-width: 320px) and (max-width: 410px) {
	.home-projects .carousel-wrapper{
		height: 190vw;
	}
	#carousel-projectsMobile .carousel-caption p{
		font-size: small;
	}
}
@media (min-width: 411px) and (max-width: 480px) {
	.home-projects .carousel-wrapper{
		height: 150vw;
	}
	#carousel-projectsMobile .carousel-caption p{
		font-size: small;
	}
}
@media (min-width: 481px) and (max-width: 550px) {
	.home-projects .carousel-wrapper{
		height: 140vw;
	}
	#carousel-projectsMobile .carousel-caption p{
		font-size: small;
	}
}
@media (min-width: 551px) and (max-width: 650px) {
	.home-projects .carousel-wrapper{
		height: 120vw;
	}
	#carousel-projectsMobile .carousel-caption p{
		font-size: small;
	}
}
@media (min-width: 651px) and (max-width: 750px) {
	.home-projects .carousel-wrapper{
		height: 120vw;
	}
}
@media (min-width: 751px) and (max-width: 850px) {
	.home-projects .carousel-wrapper{
		height: 105vw;
	}
}
@media (min-width: 851px) and (max-width: 991px) {
	.home-projects .carousel-wrapper{
		height: 100vw;
	}
}

/*PROJECTS MOBILE*/
/*@media (max-width: 768px) {
	#filters{
		display: none;
	}

}
@media (min-width: 769px) {	
	.filters-mobile-button{
		display: none;
	}
}*/

/*FILOSOFY MOBILE - COUNTER SECTION*/
@media (min-width: 320px) and (max-width: 768px) {
	
	.filosofy-container{
		position: relative;
	}
	.filosofy-container .counter-section{
		position: absolute;
		bottom: 0;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	
	.filosofy-quality p{
		margin-bottom: 130vw;
	}
}
@media (min-width: 481px) and (max-width: 768px) {
	
	.filosofy-quality p{
		margin-bottom: 100vw;
	}
}

/*PROJECT DETAIL - SLIDER*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 767px) {
	
	#project-detail-carousel{
		position: unset;
	}

	#project-detail-carousel .carousel-indicators{
		display: none;
	}

	#project-detail-carousel .carousel-control-prev{
		justify-content: start;
	}

	#project-detail-carousel .carousel-control-next{
		justify-content: end;
	}

	#project-detail-carousel .carousel-control-prev, #project-detail-carousel .carousel-control-next{
		filter: invert(1);
	}

	#project-detail-carousel .carousel-inner{
		width: 70vw;
		height: auto;
	}
}

/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	#carousel-projectsMobile .icon-image{
		width: 15vw;
	}	
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	#carousel-projectsMobile .icon-image{
		width: 10vw;
	}
}

/*CONTACT-HEADER*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.contact-header-desktop{
		display: none;
	}
	.contact-header-mobile{
		position: relative;
	}
	.contact-header-mobile .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 10vw;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.contact-header-desktop{
		display: none;
	}
	.contact-header-mobile{
		position: relative;
	}
	.contact-header-mobile .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 10vw;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.contact-header-mobile{
		display: none;
	}
	.contact-header-desktop{
		position: relative;
	}
	.contact-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#contact-header .caption h1{
		width: 50vw;
		font-size: large;
	}

	#contact-header .caption p{
		width: 50vw;
		font-size: small;
	}

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.contact-header-mobile{
		display: none;
	}
	.contact-header-desktop{
		position: relative;
	}
	.contact-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#contact-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#contact-header .caption p{
		width: 50vw;
		font-size: large;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.contact-header-mobile{
		display: none;
	}
	.contact-header-desktop{
		position: relative;
	}
	.contact-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 50%;
		margin: 0 25vw;
	}
	#contact-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#contact-header .caption p{
		width: 50vw;
		font-size: large;
	}
}

/*FILOSOFY-HEADER*/
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	.filosofy-header-desktop{
		display: none;
	}
	.filosofy-header-mobile{
		position: relative;
	}
	.filosofy-header-mobile .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 10vw;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	.filosofy-header-desktop{
		display: none;
	}
	.filosofy-header-mobile{
		position: relative;
	}
	.filosofy-header-mobile .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 10vw;
	}
}

/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.filosofy-header-mobile{
		display: none;
	}
	.filosofy-header-desktop{
		position: relative;
	}
	.filosofy-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#filosofy-header .caption h1{
		width: 50vw;
		font-size: large;
	}

	#filosofy-header .caption p{
		width: 50vw;
		font-size: small;
	}

}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.filosofy-header-mobile{
		display: none;
	}
	.filosofy-header-desktop{
		position: relative;
	}
	.filosofy-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#filosofy-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#filosofy-header .caption p{
		width: 50vw;
		font-size: large;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.filosofy-header-mobile{
		display: none;
	}
	.filosofy-header-desktop{
		position: relative;
	}
	.filosofy-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 50%;
		margin: 0 25vw;
	}
	#filosofy-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#filosofy-header .caption p{
		width: 50vw;
		font-size: large;
	}
}


/*FILOSOFY - CAROUSEL*/
@media (max-width: 768px) {
	#filosofy-carousel-desktop{
		display: none;
	}
}
@media (min-width: 769px) {
	#filosofy-carousel-mobile{
		display: none;
	}
}

/*PROJECT DETAIL - HEADER*/
@media (max-width: 768px) {
	.project-detail-header-desktop{
		display: none;
	}
	.project-detail-header-mobile{
		position: relative;
	}
	.project-detail-header-mobile .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 10vw;
	}
}
@media (min-width: 769px) {
	.project-detail-header-mobile{
		display: none;
	}
	.project-detail-header-desktop{
		position: relative;
	}
}
/*Small screens, laptops*/
@media (min-width: 769px) and (max-width: 1024px) {
	.project-detail-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#project-detail-header .caption h1{
		width: 50vw;
		font-size: large;
	}

	#project-detail-header .caption p{
		width: 50vw;
		font-size: small;
	}
}
/*Desktops, large screens*/
@media (min-width: 1025px) and (max-width: 1200px) {
	.project-detail-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 40%;
		margin: 0 25vw;
	}
	#project-detail-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#project-detail-header .caption p{
		width: 50vw;
		font-size: large;
	}
}
/*Extra large screens, TV*/
@media (min-width: 1201px){
	.project-detail-header-desktop .caption{
		position: absolute;
		bottom: 0;
		top: 50%;
		margin: 0 25vw;
	}
	#project-detail-header .caption h1{
		width: 50vw;
		font-size: x-large;
	}

	#project-detail-header .caption p{
		width: 50vw;
		font-size: large;
	}
}

/*PROJECT DETAIL - BOX SHADOW RESPONSIVE AND CAROUSEL*/
@media (max-width: 767px) {
	#project-detail-carousel-desktop{
		display: none;
	}
}
@media (min-width: 768px) {
	#project-detail-carousel-mobile{
		display: none;
	}
/*	#project-detail-caption .box-shadow{
		position: absolute;
		right: 0;
		z-index: 1;
	}*/
}
@media (min-width: 768px) and (max-width: 1024px) {

	#project-detail-caption .first-row{
		justify-content: around;
	}
	#project-detail-caption .project-detail-caption-text{
		width: 40vw;
		margin: auto;
	}
	#project-detail-caption .box-shadow{
		width: 35vw;
		margin: auto;
	}
	#project-detail-caption .project-detail-caption-text p{
		font-size: x-small;
	}
	#project-detail-caption .box-shadow h5{
		font-size: small;
	}
	#project-detail-caption .box-shadow p{
		font-size: x-small;
	}

}
@media (min-width: 801px) and (max-width: 991px) {

	#project-detail-caption .project-detail-caption-text{
		width: 30vw;
		margin: auto;
	}
	#project-detail-caption .box-shadow{
		width: 30vw;
		margin: auto;
	}

}
@media (min-width: 1025px) and (max-width: 1200px) {

	#project-detail-caption .project-detail-caption-text{
		width: 35vw;
	}
	#project-detail-caption .box-shadow{
		position: absolute;
		top: 60vh;
		right: 0;
		z-index: 1;
		margin-right: 12vw;
	}
	#project-detail-caption .project-detail-caption-text p{
		font-size: x-small;
	}
	#project-detail-caption .box-shadow h5{
		font-size: small;
	}
	#project-detail-caption .box-shadow p{
		font-size: x-small;
	}

}
@media (min-width: 1201px) and (max-width: 1400px) {

	#project-detail-caption .first-row{
		margin-top: 5vw !important;
		margin-bottom: 5vw !important;
	}
	#project-detail-caption .project-detail-caption-text{
		width: 40vw;
	}
	#project-detail-caption .box-shadow{
		position: absolute;
		top: 75vh;
		right: 0;
		z-index: 1;
		margin-right: 12vw;
	}
}
@media (min-width: 1401px) {

	#project-detail-caption .first-row{
		margin-top: 5vw !important;
		margin-bottom: 5vw !important;
	}
	#project-detail-caption .project-detail-caption-text{
		width: 40vw;
	}
	#project-detail-caption .box-shadow{
		position: absolute;
		top: 110vh;
		right: 0;
		z-index: 1;
		margin-right: 12vw;
	}
}
/*Mobile devices*/
@media (min-width: 320px) and (max-width: 480px) {
	#contact-info{
		position: initial;
		padding: 10vw;
	}
}
/*iPads, Tablets*/
@media (min-width: 481px) and (max-width: 768px) {
	#contact-info{
		position: initial;
		width: fit-content;
		margin: auto;
		margin-top: 3vw;
		margin-bottom: 3vw;
		padding: 5vw;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
}

/*Small screens, laptops*/
@media (min-width: 1600px) {
	#contact-info{
  		top: 5%;
		right: 15%;
	}
}