/* style pages HUBLIFT */

p { font-family: 'Barlow', sans-serif;
	font-size: 18px;
	}

li { font-family: 'Barlow', sans-serif;
	font-size: 18px;
	}

svg	{ width: 100px;
	margin: auto;
	display: block;
	margin-bottom: 20px;
	}

a { color: white;
	}

h2 { font-family: 'Bebas Neue', cursive;
	font-size: 84px;
	margin-top: -120px;
	margin-bottom: 180px;
	text-align: center;
	}

h3 { font-family: 'Bebas Neue', cursive;
	font-size: 34px;
	text-align: center;
	}	

body {background-image:url(../pics/gradientsecond.jpg); 
	background-size: cover;}
	}

/* style classes */	
.navbar-custom { background-color: transparent;
        font-family:'Barlow', sans-serif;
        		}
.navbar-custom hover{ background-color: rgba(255, 255, 255, 0);
					}
.navbar {margin-top:-280px ;
		}    
.navbar a { color: darkblue; 
		}  

.btn-custom{ margin: auto;
    	display: block;
        font-family:'Barlow', sans-serif;
        }
.bouton1 { background-image: url(../pics/gradienta-nbuYloot8_U-unsplash.jpg);
	background-size: cover;
	width: 120px;
	height: 40px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 10px;
		}

#body1 .col-xs-12 {background-color: rgba(255, 255, 255, 0.4);
	margin: 10px;
	width: 350px;
	text-align: justify;
	padding: 20px;
					}
.col-xs-12 h2 { text-align: center;
				}
.col-xs-12 img { margin: auto;
		display: block;
				}
.col-xs-12 { background-color: rgba(255, 255, 255, 0.4);
	margin: 10px;
	text-align: justify;
	padding: 20px;
			}

/* style IDs */
#bandeau { margin-top: 120px;
   		margin-bottom: 300px;
   		height: 400px;
        background-image: url(../pics/ginkgo.jpg);
        background-size: cover;
        background-position: center;
        }

#header { margin-bottom: 200px;
		text-align: center;
		}

#separator { background-color: white;
		 width: auto;
		 height: 5px;
		 margin-bottom: 70px;
		}

#footsep { background-color: white;
		 width: auto;
		 height: 5px;
		 margin-bottom: 70px;
		 margin-top: 220px;
		}

#body1 { margin-top: -100px; 
		}

#CV { font-size: medium;
	}

		
#contact { width: 280px;
	text-align: justify;
	padding: 20px;
	flex-wrap: all;
	}

#footer	{	justify-content: space-around;
	display: flex;
		}
#footer svg:hover{ fill: palevioletred;
				}
#footer svg { fill:darkblue ;
		width: 40px;
			}