@charset "utf-8";
/* CSS Document */
body{
	background: WhiteSmoke;
	margin: 0;
	overflow-x: hidden;
	width: 100%;
	overflow: overlay;
}

img {
    height: auto;
    max-width: 100%;
	margin-top: 1vh;
}

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

.marginforrow{
	margin: 10vh;
}

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

.textconfigsminfo {
	font-family: 'Poppins', sans-serif;
	font-size: 1.8rem;

}
.textconfigsminfom {
	font-family: 'Poppins', sans-serif;
	font-size: 1.15rem;

}
.blogcontentholderinfo{
	display: flex;
	justify-content: center;
	background-color: #E8C7F8;
	margin: auto;
	margin-right: 20vw;
	margin-left: 20vw;
	height: auto;
	border-radius: 15px;
	padding-top: 2vh;
	padding-bottom: 2vh;
	margin-bottom: 10vh;
	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;
}

.blogcontentholderinfotwo{
	display: flex;
	justify-content: center;
	background-color: rgba(171, 175, 220, 0.8);
	margin: auto;
	height: auto;
	border-radius: 15px;
	padding-top: 2vh;
	padding-bottom: 2vh;
	margin-bottom: 10vh;
	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;
}

.blogcontentholder{
	height: 100%;
	background-color: rgba(245, 245, 245, 0.80);
	z-index: 0;
	position: relative;
	margin: auto;
	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-bottom: 10vh;
		margin-right: 5vw;
	margin-left: 5vw;
	
}

.blogcontentholdertwo{
	height: 100%;
	background-color: rgba(245, 245, 245, 0.80);
	z-index: 0;
	position: relative;
	margin: auto;
	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-bottom: 10vh;
	margin-right: 30vw;
	margin-left: 30vw;
	
}

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

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

.textholder{
	padding: 0.5vw 1vw 1vw 1vw;
	border-bottom: dashed;
}

.textholdertwo{
}

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

.formcontainer{
	display: flex;
	justify-content: center;
	background-color: rgba(171, 175, 220, 0.7);
	margin: auto;
	height: auto;
	border-radius: 15px;
	padding-top: 2vh;
	padding-bottom: 2vh;
}

.form-group{
	font-size: 0.85vw;
}

.textconfigsm{
	font-family: 'Poppins', sans-serif;
}

input{
	border-radius: 5px;
	background-color: rgba(171, 175, 220, 0.7);
	border-color: #ABAFDC;
	border: 3px inset #ABAFDC;
	float: right;
	text-align: center;
	font-family: Inconsolata,sans-serif;
	font-weight: 400;
	width: 100%;
	font-size: 0.9vw;
	margin-bottom: 5px;
    text-shadow: 2px 1px 0px #ABAFDC, 4px 3px 0px rgba(0,0,0,0.15);
}

label{
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	padding-right: 1vh;
	font-family: 'Poppins', sans-serif;
}

select{
	float: right;
	background-color: rgba(171, 175, 220, 0.7);
		border-color: #ABAFDC;
	border: 3px inset #ABAFDC;
	text-align: center;
	font-family: Inconsolata,sans-serif;
	font-weight: 400;
	width: 100%;
	font-size: 0.9vw;
	margin-bottom: 5px;
    text-shadow: 2px 1px 0px #ABAFDC, 4px 3px 0px rgba(0,0,0,0.15);
}

option{
	font-size: 0.9vw;
	text-align: center;
	direction:inherit;
	background-color: rgba(171, 175, 220, 0.7);
}

.custombuttonsubmitt{
	float: right;
	background-color: rgba(171, 175, 220, 0.7);
		border-color: #ABAFDC;
	border: 3px inset #ABAFDC;
	text-align: center;
	font-family: Inconsolata,sans-serif;
	font-weight: 400;
	width: 100%;
	font-size: 1.1vw;
	margin-bottom: 5px;
    text-shadow: 2px 1px 0px #ABAFDC, 4px 3px 0px rgba(0,0,0,0.15);
	margin-top: 25px;
}

.contactme{
	width: 80%;
}

.googlemap{
	width: 100%;
}

@media (max-width: 1400px) and (min-width: 1000px){
	.blogcontentholdertwo{
		margin-right: 10vw;
		margin-left: 10vw;
	}
	
	.marginforrow{
	margin: 4vh;
}
	
	.form-group{
	font-size: 1.1vw;
}
	select{
		font-size: 1.2vw;
		text-align: center;
	}
	
	.custombuttonsubmitt{
	font-size: 1.5vw;
	}
	
	.textconfig{
		font-size: 1.85vw;
	}
	
	option{
		font-size: 1.2vw;
	}
	input{
		font-size: 1.2vw;		
	}
	
}

@media (max-width: 1000px) and (min-width: 620px){
	.blogcontentholdertwo{
			margin-right: 10vw;
			margin-left: 10vw;
	}
	

	
	.form-group{
	font-size: 1.2vw;
}
	select{
		font-size: 1.5vw;
		text-align: center;
	}
	
	.custombuttonsubmitt{
	font-size: 1.8vw;
	}
	
	.textconfig{
		font-size: 2.8vw;
	}
	
	option{
	font-size: 1.5vw;
}
	
	input{
		font-size: 1.5vw;		
	}
		label{
		font-size: 1.5vh;
	}
	
	.blogcontentholderinfo{
		margin-right: 10vw;
		margin-left: 10vw;
	}
	.textconfigsminfo {
    font-size: 1.6rem;
	}
}

@media (max-width: 620px) and (min-width: 400px){
	.blogcontentholdertwo{
		margin-right: 5vw;
		margin-left: 5vw;
	}
	
		.marginforrow{
	margin: 2vh;
}
	
		.textconfiginfo{
		font-size: 1.5rem;
	}
	.form-group{
	font-size: 1.9vw;
}
	
	select{
		font-size: 2.1vh;
		text-align: center;
	}
	
	.custombuttonsubmitt{
	font-size: 2.2vh;
	}
	.textconfig{
		font-size: 2.4vh;
	}
	
	option{
	font-size: 2.1vh;
}
	
	input{
		font-size: 1.8vh;		
	}
	label{
		font-size: 2vh;
	}

	.blogcontentholderinfo{
		margin-right: 10vw;
		margin-left: 10vw;
		}
	.textconfigsminfo {
    font-size: 1.0rem;
	}
		.contentholderinfo{
		padding: 1.5vh 0.5vh;
	}
	.textconfigsminfom{
		font-size: 0.8rem;
	}
}

@media (max-width: 400px) and (min-width: 50px){
	.blogcontentholdertwo{
		margin-right: 5vw;
		margin-left: 5vw;
	}
	
	.marginforrow{
		margin: 2vh;
}
	
	.textconfiginfo{
		font-size: 1.5rem;
	}
	
	.form-group{
	font-size: 3.8vw;
}
	
	select{
		font-size: 2.5vh;
		text-align: center;
	}
	
	.custombuttonsubmitt{
	font-size: 3.0vh;
	}
	.textconfig{
		font-size: 2.6vh;
	}
	
	option{
	font-size: 1.6vh;
}
	
	input{
		font-size: 1.6vh;		
	}
	label{
		font-size: 2vh;
	}
	
	.blogcontentholderinfo{
		margin-right: 5vw;
		margin-left: 5vw;
		}
	.textconfigsminfo {
    font-size: 1.2rem;
	}
	.contentholderinfo{
		padding: 0vh 0vh;
	}
	
		.textconfigsminfom{
		font-size: 0.8rem;
	}
}