@font-face {
    font-family: 'league_spartanregular';
    src: url('../fonts/leaguespartan-bold-webfont.woff2') format('woff2'),
         url('../fonts/leaguespartan-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #ecf0f1;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
img{
	width: 100%;
	height: auto;
}
iframe {
	width: 100%;
}
i {
  margin-top: 1.78rem;
}

.row {
  margin-bottom: 0; /* pour supprimer la ligne blacnche ente section, a check si sa foire pas ailleurs*/
  padding-bottom: 20px;
}

.icon {
  text-align: center;
  width: 100%;
  font-size: 20px;
}

#multi {
  background-color: #1abc9b;
}

#multi .head-section {
  background-color: #16a085;
}

#multi i {
  color: #16a085;
}

#design {
  background-color: #ffb531;
}


#design .head-section {
  background-color: #f39d00;
}

#design i {
  color: #f39d00;
}

#info {
  background-color: #3498db;
}

#info .head-section {
  background-color: #2980b9;
}

#info i {
  color:  #2980b9;
}

#admin {
  background-color: #e74c3c;
}

#admin .head-section {
  background-color: #c0392b;
}

#admin i {
  color: #c0392b;
}

#mkt {
  background-color: #35495e;
}

#mkt .head-section {
  background-color: #143650;
}

#mkt i {
  color: #143650;
}

#gsp {
  background-color: #9b59b6;
}

#gsp .head-section {
  background-color: #8e44ad;
}

#gsp i {
  color:  #8e44ad;
}

.head-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.head-section p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
}

.section-title {
  font-family: 'league_spartanregular';
  font-size: 40px;
}

.content-section p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 15px;
}

.content-section {
	padding: 100px 0;
}



.project-title  {
 font-family: 'league_spartanregular';
 font-size: 25px;
}

.sub-title {
 font-family: 'league_spartanregular';
 font-size: 20px;
}



/* ----- Nav ----- */
.button-collapse {
	display: block;
	z-index: 1000;
	position: fixed;
	top : 0;
	right: 0;
	width: auto;
	height: auto;
	padding: 15px;
}

.bar {
	display: block;
	background-color: #fff;
	width: auto;
	height: 2px;
	margin-top:8px;
	z-index: 1000;
}
.one {
	width: 40px;
}
.two {
	width: 30px;
}
.three {
	width: 35px;
}

.side-nav {
	background-color: transparent;
	width: 100%;
	text-align: center;
	padding-top: 100px;
}

.side-nav li>a {
	color: #fff;
	font-size: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* ----- Home ----- */
.first {
	background-color: #1abc9b;
	width: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 100px 0;
}

.home-title {
  font-family: 'league_spartanregular';
  font-size: 60px;
  text-align: center;
}

.home-link {
	padding: 10px 15px;
	background-color: #16a085;
	color: #ecf0f1;
}

#sidenav-overlay {
	background-color: rgba(0,0,0,0.8);
}

.modal-overlay {
	opacity: 0.8 !important;
}

.modal-trigger {
	transition: all ease .4s;
	margin-bottom: 15px;
}
.modal-trigger:hover {
	transform: scale(1.05);
}

/* ----- Modal ----- */
.modal {
	background-color: transparent;
    padding: 0;
    max-height: 90%;
    box-shadow: none !important;
}