@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: 'Lulo';

	src: url(fonts/Lulo-Clean-Outline-Bold.ttf) format('tff');

	src: url(fonts/Lulo-Clean-Outline-Bold.woff) format('woff');

	font-weight: normal;

	font-style: normal;

}

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	overflow-x: hidden;

	background: url("img/background.jpg");

}



header {

	display: flex;

	background-color: #d7432a;

	background-size: cover;

	padding: 0 1rem 0 1rem;

	height: 10vh;

	justify-content: space-around;

}



header img {

	height: 10vh;

}



header h1 {

	font-family: 'Lulo';
	font-weight: lighter;

	color: white;

	height: 6rem;

	line-height: 6rem;

	vertical-align: middle;



}

header h2 {

	color: white;

	font-family: 'Signika', sans-serif;

	height: 6rem;

	line-height: 6rem;



}







.logo-container {

	flex-grow: 1;

}



nav ul {

	list-style: none;

	display: flex;

	margin-top: 6rem;

	display: block;

	margin-right: 10em;



}



nav a {

	display: block;

	text-decoration: none;

	padding: 1rem 2rem 1rem 0;

	color: #fff;

	font-size: 1.5rem;

	font-family: 'Signika', sans-serif;

}





/**** sections ****/

#bureau {

	display: flex;

	flex-direction: row;

	margin: 5%;

	justify-content: space-around;

}



#applications h2 {

	font-size: 2rem;

	margin-bottom: 7%;

	font-family: 'Signika', sans-serif;

	color: #d7432a;

}

#applications img {
	margin: 15px;
}



.logos {

	margin: 2%;





}

.invisible {
	display: none;
}

iframe{
	height: 700px;
	width: 400px;
}