:root {
	--chocooning-primary: #F8954C;
	--chocooning-secondary: #271D6F;
	--chocooning-text: #BDBFEA;
}

body {
	font-family: 'Montserrat', sans-serif;
	/* color: var(--chocooning-secondary); */
	color: #271D6F;
}

.starter-template {padding-top: 2em;}

h1 {
	/* color: var(--chocooning-primary); */
	color: #F8954C;
	font-weight: 600;
	font-size: 2.5em;
}
@media (max-width:768px) { h1 {font-size: 1.8em;}}

h1 span {
	/* color: var(--chocooning-secondary); */
	color: #271D6F;
}

h2 {
	/* color: var(--chocooning-text); */
	color: #BDBFEA;
	font-size: 1.4em;
	font-weight: 400;
}

.navbar {background-color: rgba(255, 255, 255, 0.5);}

.navbar-brand {
	font-weight: 600;
	/* color: var(--chocooning-primary); */
	color: #F8954C;
}

.navbar-brand span {
	/* color: var(--chocooning-secondary); */
	color: #271D6F;
}

.fa {
	/* color: var(--chocooning-primary); */
	color: #F8954C;
	font-size: 1.5em;
}
footer {
	margin-top: -2px;
	/* background-color: var(--chocooning-secondary); */
	background-color: #271D6F;
}

footer,
footer .fa,
footer li,
footer a {
	color: white;	font-size: 0.9em;
}

#home {
	background-color: white;
	background-image: url("/img/home/background-illustration.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 100vh;
}

@media (max-width:976px) {
	#home {
		background-size: contain;
	}
	p a {
	font-size: 0.8em;
	}
}
@media (min-width:976px) {
	p a {
	font-size: 1.1em;
	}
}


#home main {height: 100vh;}

.form-control {
	background-color: #E6EDFE;
	border: none;
}

.form-control::placeholder {
	/* color: var(--chocooning-text); */
	color: #BDBFEA;
}

.btn-style {
	/* background-color: var(--chocooning-secondary); */
	background-color: #271D6F;
	color: white;
}

.btn-style:hover {
	/* background-color: var(--chocooning-primary); */
	background-color: #F8954C;
	color: white;
}

/*img {height: 12em;}*/

.form-gift {background-color: #F7F7F7;}

.form-check img {background-color: white;}

table thead {
	/* background-color: var(--chocooning-secondary); */
	background-color: #F8954C;
	color: white;
}

.table {
	/* color: var(--chocooning-secondary); */
	color: #F8954C;
}

p a {
	font-weight: 500;
	/* color: var(--chocooning-primary); */
	color: #271D6F;
}
p a:hover {
	/* color: var(--chocooning-primary); */
	color: #271D6F;
}
