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

*{
	font-family: 'Bitter', serif;
	overflow-x: hidden;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.bg-img {
  /* The image used */
  background-image: url("img/shutterstock_72405160_rsize.jpg");

  min-height: 450px;

  /* Center and scale the image nicely */
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: cover;

  /* Needed to position the navbar */
  position: relative;
}
.bg-img-donation {
  /* The image used */
  background-image: url("img/shutterstock_785288488_rsize.jpg");

  min-height: 450px;

  /* Center and scale the image nicely */
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: cover;

  /* Needed to position the navbar */
  position: relative;
}

nav {
	display: flex;
	align-items: center;

}
nav a {
	font-family: 'Bitter', serif;
	font-size: 14px; 
	font-weight: 500;
	display: inline-block;
	line-height: 24px;
	color: rgb(255,255,255, 0.7);
	cursor: pointer;
	padding: 5px 6.7px
}
nav a:hover {
	color: rgb(255,255,255, 0.9);
}
nav img {
	width: 34px;
	padding: 5px;
	margin: auto 7px;
	cursor: pointer;
}
nav img:hover {
	opacity: .8;
}
.logo
{
	margin-top: -30px;
	width: 150px;
}
.login-infos
{
	justify-content: flex-end;
	padding-right: 30px;
	padding-top: 14px;
}
.container-fluid
{
	margin: 0px;
}
section
{
	background-size: cover;
}
.main-block
{
	background-color: #C5C2B4;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
}
.secondary-block
{
	background-color: #fff;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 20px;
}
.third-block
{
	background-color: #C5C2B4;
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}
.last-block
{
	background-color: #fff;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}
h4
{
	opacity: 0.7;
}
.btn
{
	margin-top: 10px;
}
.btn-perso
{
	color: #fff!important;
	background-color: #8D6E52!important;
	border-color: #523B1E!important;
}
.intro a
{
	color: #7D5F35;
}
.intro a:hover
{
	color: #7D5F35;
	text-decoration: underline;
}
.chevron-down
{
	font-size: 25px;
	color: lightgray;
}
.main-p
{
	font-size: 19px;
	line-height: 165%;
	color: #201508;
}
.number-animals
{
	font-family: 'Bitter', serif!important;
	font-size: 35px!important;
	font-weight: 600!important;
	color: #77270F;
}
.top-infos
{
	font-family: 'Bitter', serif!important;
	font-size: 25px!important;
	font-weight: 500!important;
	color: #221506;
	margin-top: -20px;
}
.col-icons-girafe
{
	width: 85px;
}
.col-icons-ambulance
{
	width: 135px;
}
.col-icons-rescue
{
	width: 65px;
}
.thumbnail-img
{
	width: 350px;
	padding: 10px;
}
.thumbail-txt
{
	font-family: 'Bitter', serif!important;
	font-size: 20px!important;
	font-weight: 500!important;
	color: #221506;
}
.undertitle
{
	margin-bottom: 25px;
}
.undertitle a
{
	color: #77270F;
}
.undertitle a:hover
{
	color: #77270F;
	text-decoration: underline
}
.btn-infos
{
	margin-top: -15px;
}
.sign-up-spec
{
	width: 100px;
}

#bank-details {
  font-family: 'Bitter', serif!important;
  border-collapse: collapse;
  width: 900px;
}

#bank-details td, #bank-details th {
  border: 1px solid #ddd;
  padding: 8px;
}

#bank-details tr:nth-child(even){background-color: #f2f2f2;}

#bank-details tr:hover {background-color: #ddd;}

#bank-details th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #77270F;
  color: white;
}