@charset "utf-8";
/* CSS Document */



.mainblogholder{
	width: 100%;
	background-image: url("ImageData/test2.png");
	height: auto;
	justify-content: center;
	align-content: center;
	position: static;
	z-index: -1;
	padding-top: 10vw;
	background-size: 100% auto;
	padding-bottom: 10vw;
}

.blogcontentholder{
	height: 100%;
	background-color: rgba(245, 245, 245, 0.80);
	z-index: 0;
	position: relative;
	justify-content: center;
	box-shadow: rgba(102, 115, 255, 0.4) 0px 5px, rgba(102, 115, 255, 0.3) 0px 10px, rgba(102, 115, 255, 0.2) 0px 15px, rgba(102, 115, 255, 0.1) 0px 20px, rgba(102, 115, 255, 0.05) 0px 25px;
	border-radius: 20px;
	margin: 0vh 25vw 10vw 25vw;
	
}

.contentholder{
	height: auto;
	background: rgba(0,0,0,0);
	z-index: 1;
	position: relative;
	margin: auto;
	padding-bottom: 15px;
	padding: 2vh 3vh;
}

.contentholderdif{
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0);
	z-index: 1;
	position: relative;
	margin: auto;
	padding-bottom: 15px;
	padding: 2vh 3vh;
}
.blogcontentholderdif{
	height: 100%;
	background-color: rgba(245, 245, 245, 0.80);
	z-index: 0;
	position: relative;
	margin: 0vh 25vw 10vw 25vw;
	justify-content: center;
	box-shadow: rgba(102, 115, 255, 0.4) 0px 5px, rgba(102, 115, 255, 0.3) 0px 10px, rgba(102, 115, 255, 0.2) 0px 15px, rgba(102, 115, 255, 0.1) 0px 20px, rgba(102, 115, 255, 0.05) 0px 25px;
	border-radius: 20px;
	
}
.textholder{
	padding: 0.5vw 1vw 1vw 1vw;
	border-bottom: dashed;
}

.textconfig{
	font-family: 'Poppins';
	font-size: 2.5rem;
	color: #000;
	font-weight: 300;
}

.textconfigsm{
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
	color: #000;
	font-weight: 100;
}

.carousel-inner {
    border-radius: 20px;
}

@media only screen and (max-width: 1200px) {
	.contentholderdif{
		padding: 2vh 2vh;
	}
}

@media only screen and (max-width: 990px) {
	.parallax-window{
		display: none;
		visibility: hidden;
	}
	
	.ipadparallaxreplacement{
		display: flex;
		visibility: visible;
}
	
}
@media only screen and (max-width: 550px) and (orientation: portrait){
.blogcontentholder{
	margin: 0vh 10vw 10vw 10vw;
	
}
	
	.blogcontentholderdif{
		margin: 0vw 5vw 0vw 5vw;
	}
	
	.textconfig{
	font-size: 1.5rem;

}
	.textconfigsm{
		font-size: 0.8rem;
}
	.contentholderdif{
		padding: 1vh 1vh;
	}
	
	.parallax-window{
		display: none;
		visibility: hidden;
	}
	
	.ipadparallaxreplacement{
		display: none;
		visibility: hidden;
}
	.mobileparallaxreplacement{
		display: flex;
		visibility: visible;
		
}
	.navbar-brand2{
		font-size: 1.5rem;
	}
	
}