/*Appel typos*/

@font-face {
    font-family: 'Cursiveplg';
    src: url('fonts/cursiveplg-webfont.eot');
    src: url('fonts/cursiveplg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cursiveplg-webfont.woff2') format('woff2'),
         url('fonts/cursiveplg-webfont.woff') format('woff'),
         url('fonts/cursiveplg-webfont.ttf') format('truetype'),
         url('fonts/cursiveplg-webfont.svg#Cursiveplg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis';
    src: url('fonts/dosis-webfont.eot');
    src: url('fonts/dosis-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-webfont.woff2') format('woff2'),
         url('fonts/dosis-webfont.woff') format('woff'),
         url('fonts/dosis-webfont.ttf') format('truetype'),
         url('fonts/dosis-webfont.svg#Cursiveplg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Couleurs :
Doré foncé : #CB9C71
Doré clair : #CCAE96
*/

body {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.content {
	padding: 50px;
}

.logo {
	max-width: 300px;
}


h1 {
	font-weight: normal;
	font-size: 48px;
	font-family: 'Cursiveplg', serif;
}

p {
	font-family: 'Dosis', serif;
	font-size: 20px;
}

.liens {
	margin-top: 50px;
}

.button {
	min-width: 330px;
    background-color: #000000;
    border: 1px solid #fff;
    color: white;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Dosis', sans serif;
}
.button:hover {
    border-color: #CCAE96;
}

footer {
	width: 100%;
	padding: 10px;
}
footer p {
	text-align: center !important;
	font-size: 16px;
}

footer a {
	color: #CCAE96;
	text-decoration: none;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .logo {
		max-width: 80% !important;
	}
	h1 {
		margin-top: 100px;
		font-size: 96px !important;
		line-height: 86px !important;
	}
	.content {
		padding: 120px !important;
	}
	p {
		font-size: 30px !important;
		line-height: 58px !important;
	}
	footer p {
		font-size: 22px !important;
		line-height: 46px !important;
	}
	.liens {
		margin-top: 80px !important;
	}
	.button {
		font-size: 42px !important;
		min-width: 630px;
	}
}

}