/* Tablet1 / iPad1 */
@media only screen and (min-width: 1024px) and (max-width: 1300px){

	/* Set 3 columns */
	
	}
	
	/* Tablet1 / iPad1 */
	@media only screen and (min-width: 769px) and (max-width: 1024px){
	
	/* Set 3 columns */
	
	}
	
	/* END Tablet / iPad1 */
	
	/* Tablet / iPad */
	@media only screen and (min-width: 641px) and (max-width: 768px) {
	
	/* Set 3 columns */
	
	}
	
	/* END Tablet / iPad */
	
	
	/* Smartphone Horizontal */
	/* Demo outside any devices resolution */
	@media only screen and (min-width: 481px) and (max-width: 640px){
	
	/* Set 2 columns */
	.px-5{
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	.pb-5{
		padding-bottom: 1rem !important;
	}

	.pt-5{
		padding-top: 1rem !important;
	}
	
	.p-5{
		padding: 1.5rem !important;
	}

	.mb-5{
		margin-bottom: 1rem !important;
	}

	}
	/* END Smartphone Horizontal */
	
	/* Smartphone */
	@media only screen and (max-width: 480px) {
	
	/* Set 1 Column */
		.px-5{
			padding-right: 1rem !important;
			padding-left: 1rem !important;
		}

		.pb-5{
			padding-bottom: 1rem !important;
		}
	
		.pt-5{
			padding-top: 1rem !important;
		}
		
		.p-5{
			padding: 1rem !important;
		}

		.mb-5{
			margin-bottom: 1rem !important;
		}

		.col-6{
			padding-right: 8px;
			padding-left: 8px;
		}

		.py-large{
			padding-top: 4rem;
			padding-bottom: 4rem;
		}
	
		h1, h2, h3, h4, h5{
			font-size:22px !important ;
		}
		
		p {
				font-size:15px !important ;
		}

		.mobile{
			display: block;
		}

		.desktop{
			display: none;
		}

		.logow{
			width: 30%;
		}

		.intro .ipad{
			object-fit:cover !important;
		}

		figcaption img{
			width: 100%;
		}
		
		.py-50{
			padding-top: 50% !important;
			padding-bottom: 50% !important;
		}

		#intro span{
			font-size: 30px;
		}

		.back-about{
			background-size:cover !important;
			background-position: bottom left;
		}
	}
	/* END Smartphone */