body {
	background-color: #F3F8FF;
	font-family: Jost, Quicksand, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
}	
a {
	color: #2759e0;
}
input {
	color: #fff;
	background-color: #6984a3;
	text-decoration: none;
	line-height: 20px;
	border-color: #6984a3;
}
label {
	color: #6984a3;
}
h4 {
	font-size: 18px;
	font-weight: bold;
	color: #6984a3;
}
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p {
	text-align: center;
}
.form-control {
	border-color: #87835e;
}
.back {		
	background-color: #F3F8FF;
	margin-left: auto;
	margin-right: auto;
}
.col-lg-4 img {	
	width: 100%;
}
row.col-md-4 {	
	height: 100px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}
.col-lg-6 {
	width: 30rem;
	margin: auto;
}
.col-lg-12 {
	height: 100px;
}
.col-lg-12 p {
	color:#6984a3;
	margin: 14px 0px 0px 0px;
}
.navbar {	
	width: 100%;
	height: 100px;
	background-color: #F3F8FF;
}
.navbar-light .navbar-brand {
	font-size: 24px;
	color: #1a3b96;
	padding-left: 5px;
	font-weight: bold;
}
.navbar-light .navbar-brand:hover {
	color: #6984a3;
	text-decoration: none;
}
.nav-link {
	padding: .5rem, 1.25rem;
	color: #1B1C1D;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
a.nav-link:hover {
	color: #2759e0;
}
.btn {
	border: 2px solid;
	background-color: #fff;
	color: #2e2e2e;
	padding: 14px 28px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.gallery{
	border-color: 
}
.profile {
	height:310px;
	border-radius:50%;
	padding: 20px 0px 20px 0px;
	border: 10px white;
}
.contact {
	border-color: #2759e0;
	color: #2e2e2e;
}
.contact:hover {
	background-color: #2759e0;
	color: #fff;
}
.container p {
	font-size: 12px;
	color: #1B1C1D;
	margin: 0px 24px 0px 24px;
}
.container h1, h2 {
	margin: 3px 24px 3px 24px;
	color: #2759e0;
	font-weight: bold;
	text-align: center;
}
.container h2 {
	text-align: center;
}
.container h3 {
	margin: 3px 24px 8px 24px;
	color: #1a3b96;
	text-decoration: capitalize;
}
#formdiv {
	width: 75%;
	margin: auto;
}
#formdiv h3 {
	margin-left: 0px;
}
#footer {
	background-color: #F3F8FF;
	height: 70px;
	color: #1B1C1D;
	text-align: center;
}
#footer p {
	font-size: 12px;
	padding-top: 50px;
}




/*----------My Media Breakpoint start here----------*/
	
	/*---------- For Phones ----------*/
		@media (min-width:575px){
			.col-lg-4 {		width: 400px;
							text-align:center;
							margin: auto;
							}	
		.container p {
							font-size: 36px;
							}
.col-md-4 .caption p { 		font-size: 20px;
							text-align: center;
							font-style: italic;
							color: #335944;
							font-weight: bold;
							}
		#footer p {
							font-size: 14px;
							color: #808080;
							text-align: center;
							padding-top: 8px;
							}
		#message 	{		margin: 10px 3px 3px 24px; 
							}
		}
	/*---------- For tablets ----------*/	
		@media(min-width:768px) and (max-height:1500px){
			.col-lg-4 {		width: 240px;
							text-align:center;
							margin: auto;
							}	
		.container p {
							font-size: 24px;
							}
.col-md-4 .caption p { 		font-size: 18px;
							text-align: center;
							font-style: italic;
							color: #335944;
							font-weight: bold;
							}
.navbar-light .navbar-toggler-icon {
							width: -2em;
							}		
			#message {		margin: 10px 5px 3px 24px; 
							}
		}
	/*---------- For desktop ----------*/
		@media(min-width:1200px){
			.col-lg-4 {		width: 330px;
							text-align:center;
							margin: auto;
							}	
		.container p {		font-size: 20px;
							}
.col-md-4 .caption p { 		font-size: 14px;
							text-align: center;
							font-style: italic;
							color: #335944;
							font-weight: bold;
							}
		p.card-text {
							font-size: 14px;
							}
			#message {		margin: 10px 55px 3px 24px;
							}
		}