*{
	box-sizing: border-box;
}

body
{
	margin:0px;
	font-family:'Calibri';
	color:#222;
	font-size:1.5em;
}

div.col-md-4 img{
	width:90%;
	margin:50px 0;
}

div.animated img {
    width: 90%;
    margin: 0;
}

/* HOME BLOCK */
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
  max-width: 90%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

div.logo_navContainer{
	position:relative;
	width:45%;
	margin:auto;
	padding:15px;
	border-radius:35px;
	filter: opacity(90%);
	background:white;
}

div.logo_navContainer img{
		width:100%;
		border-radius:35px;
		filter: opacity(90%);
	}
/**************/


/* MENU */
nav.initial_menu{
	position:absolute;
	display:flex;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	font-size:1.5rem;
	background: rgba(255,255,255,.9);
	border-top:1px solid rgba(104, 180, 50,.8);
	border-bottom:1px solid rgba(104, 180, 50,.8);
}

nav.initial_menu ul{
	text-align:center;
	padding: 0 0 0 20px;
	list-style: none;
	width:100%;
	display: flex;
    justify-content: space-between;
}

nav.initial_menu ul li{
	margin:0;
	line-height:50px;
	display: inline-block;
	text-align:center;
	/* width: 19%; */
	text-transform: uppercase;
	padding:0 10px;
	cursor: pointer;
	transition: background 0.6s linear;
}

.visible{
	display: block;
}

.hidden{
	display: none;
}

nav.initial_menu ul li.hidden{
	display: none;
}

nav.initial_menu ul li.visible{
	display: inline-block;
}

nav.initial_menu ul li a{
	display:inline-block;
	text-decoration: none;
	color:#222;
	line-height:50px;
	width:100%;
	padding: 0 10px;
	transition: background 0.6s linear;
}

nav.initial_menu ul li:hover > a{
	font-weight:bold;
	cursor: pointer;
	background:rgba(104, 180, 50,.8);

}


nav.initial_menu ul li:hover{
	border-bottom:0px;
	/* background:rgba(104, 180, 50,.8); */
}

hr{
	border-top:1px dotted rgba(104, 180, 50,0.4);
}

strong {
	color: #666;
	font-weight:normal;
}


h2{
	margin-bottom:5px;
}

h3{
	margin-top:0px;
	margin-bottom:25px;
}

h3>strong{
	color:rgb(104, 180, 50);
}


/**************/

section{
	/* min-height:100vh; */
	width:100%;
	padding:5% 10%;
}

section:nth-child(odd){
	background:#F7F7F7;
	padding:5% 10%;
}

section:nth-child(odd) h2{
	color:rgb(104, 180, 50);
}

section:nth-child(odd) h3{
	color:rgb(104, 180, 50);
}

section#home {
	box-sizing: all;
	position: relative;
	background: rgba(255,255,255,0.2);
	min-height:70vh;
	overflow: hidden;
}

#back{
	width:80px;
	height:80px;
	padding:2.5px;
	position:fixed;
	bottom: 50px;
	right: 0;
	border-radius:50% 0 0 50%;
	background: rgba(104, 180, 50,.9);
	text-align:center;
}

#back a{
	display: inline-block;
	width:80px;
	height:80px;
	color: white;
	font-weight:bold;
}

#back i{
	font-size:75px;
	color: white;
	font-weight:bold;
}

footer{
	text-align:center;
	background: rgba(0,0,0,0.5);
	line-height:50px;
	padding:6px;
}

@media screen and (min-width:1201px){
	body{
		font-size:1.8em;
	}

	.md-only{
		display:block;
	}
	
	div.logo_navContainer{
		width:45%;
		font-size:0.5em;
		margin:auto;
		border-radius:35px;
		filter: opacity(90%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	nav.initial_menu ul{
		text-align:center;
		padding: 0 0 0 20px;
		list-style: none;
		width:100%;
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width:850px){
	body{
		font-size:1.8em;
	}

	.md-only{
		display:none;
	}
	
	div.logo_navContainer{
		width:100%;
		font-size:0.5em;
		margin:auto;
		border-radius:35px;
		filter: opacity(90%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	nav.initial_menu{
		position:absolute;
		background: rgba(255,255,255,.9);
		display:flex;
		left:0;
		bottom:0;
		width:100%;
		height:50px;
		font-size: 1rem;
		}

	nav.initial_menu ul{
			text-align:center;
			padding: 0 0 0 20px;
			list-style: none;
			width:100%;
			display: flex;
			justify-content: flex-start;
		}

	nav.initial_menu ul li{
		margin:0;
		line-height:50px;
		display: inline-block;
		text-align:center;
		/* width: 19%; */
		text-transform: uppercase;
		cursor: pointer;
		transition: background 0.6s linear;
		}
	nav.initial_menu ul li a{
		display:inline-block;
		text-decoration: none;
		color:#222;
		line-height:50px;
		width:100%;
		}

	.Aligner-item{
			max-width: 100%;
		}

	section#home{
		padding:5% 2.5%;
	}
}

@media screen and (max-width:1200px){
	body{
		font-size:1.8em;
	}

	.md-only{
		display:none;
	}
	
	div.logo_navContainer{
		width:100%;
		font-size:0.5em;
		margin:auto;
		border-radius:35px;
		filter: opacity(90%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	nav.initial_menu{
		position:absolute;
		display:flex;
		left:0;
		bottom:0;
		width:100%;
		height:50px;
		background: rgba(255,255,255,.9);
		}

		nav.initial_menu ul{
			text-align:center;
			padding: 0 0 0 20px;
			list-style: none;
			width:100%;
			display: flex;
			justify-content: center;
		}

	nav.initial_menu ul li{
		margin:0;
		line-height:50px;
		display: inline-block;
		text-align:center;
		/* width: 19%; */
		text-transform: uppercase;
		cursor: pointer;
		transition: background 0.6s linear;
		}
	nav.initial_menu ul li a{
		display:inline-block;
		text-decoration: none;
		color:#222;
		line-height:50px;
		width:100%;
		}

	.Aligner-item{
			max-width: 100%;
		}

	section#home{
		padding:5% 2.5%;
	}
}

@media screen and (min-width:1200px) and (orientation: landscape){
	div.logo_navContainer{
		width:45%;
		font-size:0.5em;
		margin:auto;
		border-radius:35px;
		filter: opacity(90%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
}


.modal-dialog{
	width:500px;
	padding:0px;
	margin:60px auto !important;
}

.flex-row{
	display:flex;
	gap:10px;
}

.flex-column{
	display:flex;
	flex-direction: column;
	gap:10px;
}

canvas{
	height: 100px;
	border: 1px solid green;
}

.background-form{
	/* background-image: url('/media/images/fond.png');
	background-size: 100% 100%;
	background-repeat: no-repeat; */
}

@media(max-width:1024px){
	.m-flex-column {
		display:flex; 
		flex-direction: column !important;
		gap:10px;
	}

	section{
		padding: 5% 5%;
	}
	
	section#home{
		padding:5% 2.5%;
	}
}