/*

Project : Liam McGowan
Author  : Matthieu Baillard
Version : v.1.3
Date    : 24/10/2019

*/


/*--------------------------------------------*/
/* GLOBAL */
/*--------------------------------------------*/

html {
	box-sizing: border-box;
	font-size: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}

body {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light',
	'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	position: relative;
	line-height: 1.5;
	color: #1d1d1b;
	background-color: #fcfcfc;
}

/* Typography */
/*------------------------*/
h1 {
	font-weight: 500;
	color: #1d1d1b;
	text-align:center;
    display:inline-block;
    position:relative;
    width:100%;
}

p {
	margin: 0 0 0.625em 0;
}

/* links */
/*------------------------*/

a {
	text-decoration: none;
	color: #1d1d1b;
}


/* Grouping content */
/*------------------------*/

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


/* browsehappy */
/*------------------------*/
.browsehappy {
	background-color: #5ab1ab;
	color: #324b4b;
	padding: 20px;
	margin: 20px 0;
	border:10px solid;
	text-align: center;
}
.browsehappy a {
	color: #fff;
	text-decoration: underline;
}
.browsehappy a:hover {
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------*/
/* GRID CSS */
/*--------------------------------------------*/

.grid:before,
.grid:after {
	display: block;
	content: '';
	clear: both;
}


.grid {
	margin-left: -10px;
	margin-right: -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	align-items: center;
}
[class*="col-"] {
	width: 100%;
}
.grid [class*="col-"] {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.col-m-1 {
	width: 8.333%;
}
.col-m-2 {
	width: 16.667%;
}
.col-m-3 {
	width: 25%;
}
.col-m-4 {
	width: 33.333%;
}
.col-m-5 {
	width: 41.667%;
}
.col-m-6 {
	width: 50%;
}
.col-m-7 {
	width: 58.333%;
}
.col-m-8 {
	width: 66.667%;
}
.col-m-9 {
	width: 75%;
}
.col-m-10 {
	width: 83.333%;
}
.col-m-11 {
	width: 91.667%;
}
.col-m-12 {
	width: 100%;
}


.offset-m-1 {
	margin-left: 8.333%;
}
.offset-m-2 {
	margin-left: 16.667%;
}
.offset-m-3 {
	margin-left: 25%;
}
.offset-m-4 {
	margin-left: 33.333%;
}
.offset-m-5 {
	margin-left: 41.667%;
}
.offset-m-6 {
	margin-left: 50%;
}
.offset-m-7 {
	margin-left: 58.333%;
}
.offset-m-8 {
	margin-left: 66.667%;
}
.offset-m-9 {
	margin-left: 75%;
}
.offset-m-10 {
	margin-left: 83.333%;
}
.offset-m-11 {
	margin-left: 91.667%;
}
.offset-m-12 {
	margin-left: 100%;
}

/* grid tablet view */
@media (min-width: 548px) {
	.col-t-1 {
		width: 8.333%;
	}
	.col-t-2 {
		width: 16.667%;
	}
	.col-t-3 {
		width: 25%;
	}
	.col-t-4 {
		width: 33.333%;
	}
	.col-t-5 {
		width: 41.667%;
	}
	.col-t-6 {
		width: 50%;
	}
	.col-t-7 {
		width: 58.333%;
	}
	.col-t-8 {
		width: 66.667%;
	}
	.col-t-9 {
		width: 75%;
	}
	.col-t-10 {
		width: 83.333%;
	}
	.col-t-11 {
		width: 91.667%;
	}
	.col-t-12 {
		width: 100%;
	}



	.offset-t-1 {
		margin-left: 8.333%;
	}
	.offset-t-2 {
		margin-left: 16.667%;
	}
	.offset-t-3 {
		margin-left: 25%;
	}
	.offset-t-4 {
		margin-left: 33.333%;
	}
	.offset-t-5 {
		margin-left: 41.667%;
	}
	.offset-t-6 {
		margin-left: 50%;
	}
	.offset-t-7 {
		margin-left: 58.333%;
	}
	.offset-t-8 {
		margin-left: 66.667%;
	}
	.offset-t-9 {
		margin-left: 75%;
	}
	.offset-t-10 {
		margin-left: 83.333%;
	}
	.offset-t-11 {
		margin-left: 91.667%;
	}
	.offset-t-12 {
		margin-left: 100%;
	}

}/* end of grid tablet view */


/* grid desktop view */
@media (min-width: 823px) {
	.col-d-1 {
		width: 8.333%;
	}
	.col-d-2 {
		width: 16.667%;
	}
	.col-d-3 {
		width: 25%;
	}
	.col-d-4 {
		width: 33.333%;
	}
	.col-d-5 {
		width: 41.667%;
	}
	.col-d-6 {
		width: 50%;
	}
	.col-d-7 {
		width: 58.333%;
	}
	.col-d-8 {
		width: 66.667%;
	}
	.col-d-9 {
		width: 75%;
	}
	.col-d-10 {
		width: 83.333%;
	}
	.col-d-11 {
		width: 91.667%;
	}
	.col-d-12 {
		width: 100%;
	}


	.offset-d-1 {
		margin-left: 8.333%;
	}
	.offset-d-2 {
		margin-left: 16.667%;
	}
	.offset-d-3 {
		margin-left: 25%;
	}
	.offset-d-4 {
		margin-left: 33.333%;
	}
	.offset-d-5 {
		margin-left: 41.667%;
	}
	.offset-d-6 {
		margin-left: 50%;
	}
	.offset-d-7 {
		margin-left: 58.333%;
	}
	.offset-d-8 {
		margin-left: 66.667%;
	}
	.offset-d-9 {
		margin-left: 75%;
	}
	.offset-d-10 {
		margin-left: 83.333%;
	}
	.offset-d-11 {
		margin-left: 91.667%;
	}
	.offset-d-12 {
		margin-left: 100%;
	}
}/* end of desktop tablet view */

/* 
/* helpers */
/*------------------------*/

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.txt-center {
	text-align: center;
}

.ul-clean {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
}
/*
m = margin
a, t, b = all, top, bottom
n, s, m, l = none, small, medium, large
*/


.mbn {
	margin-bottom: 0!important;
}
.mbs {
	margin-bottom: 20px!important;
}
.mbm {
	margin-bottom: 40px!important;
}
.mbl {
	margin-bottom: 60px!important;
}


/*--------------------------------------------*/
/* CONTENT */
/*--------------------------------------------*/

.wrap {
 	max-width: 1080px;
 	width: 100%;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-left: auto;
 	margin-right: auto;
 }

#header {
	margin-top: 33vh;
}

img#logo {
	width: 80vw;
	height: auto;
}

#links a {
	display: inline-block;
	color: #fcfcfc;
	/*padding: 1em;*/
}

li a img {
	height: 10px;
	text-align: center;
}


#links li a:hover img, #links li a:active img{
	opacity: 0.7;
}


/*--------------------------------------------*/
/* RWD */
/*--------------------------------------------*/


/* tablet view -------------------------------*/
@media (min-width: 548px) {


	img#logo {
		width: 60vw;
		height: auto;
	}

	#links li:first-of-type {
		text-align: left;
	}

	#links li:first-of-type a {
		padding-left: 19px;
	}

	#links li:last-of-type {
		text-align: right;
	}

	#links li:last-of-type a {
		padding-right: 19px;
	}


}/* end of tablet view -----------------------*/



/* desktop view -------------------------------*/
@media (min-width: 823px) {


	img#logo {
		width: 30vw;
		height: auto;
	}


	#links a {
		overflow: hidden;
	}

/*
Underlined links animation removed

	#links a:after {
		display: block;
		content: '';
		margin-top: 2px;
		height: 2px;
	    background-color: #1d1d1b;
		opacity: 0;
		transform: translateX(-9000px);
		-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
	}

	#links a:hover:after {
		opacity: 1;
		transform: translateX(0px);
	}

	*/



}/* end of desktop view -----------------------*/