/* montserrat-300 light */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/montserrat-v18-latin-300.eot"); /* IE9 Compat Modes */
    src: local(""),
    url("../fonts/montserrat-v18-latin-300.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v18-latin-300.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/montserrat-v18-latin-300.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v18-latin-300.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/montserrat-v18-latin-300.svg#Montserrat") format("svg"); /* Legacy iOS */
}

/* montserrat-500 medium */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/montserrat-v18-latin-500.eot"); /* IE9 Compat Modes */
    src: local(""),
    url("../fonts/montserrat-v18-latin-500.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/montserrat-v18-latin-500.woff2") format("woff2"),
        /* Super Modern Browsers */ url("../fonts/montserrat-v18-latin-500.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/montserrat-v18-latin-500.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/montserrat-v18-latin-500.svg#Montserrat") format("svg"); /* Legacy iOS */
}

/* sang bleu Kingdom light */
@font-face {
    font-family: "SangBleuLight";
    src: url("../fonts/sangbleukingdom-light-webfont.eot");
    src: url("../fonts/sangbleukingdom-light-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sangbleukingdom-light-webfont.woff2") format("woff2"),
    url("../fonts/sangbleukingdom-light-webfont.woff") format("woff"),
    url("../fonts/sangbleukingdom-light-webfont.ttf") format("truetype"),
    url("../fonts/sangbleukingdom-light-webfont.svg#SangBleuLight") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* sang bleu Kingdom light italic */
@font-face {
    font-family: "SangBleuLightItalic";
    src: url("../fonts/sangbleukingdom-lightitalic-webfont.eot");
    src: url("../fonts/sangbleukingdom-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sangbleukingdom-lightitalic-webfont.woff2") format("woff2"),
    url("../fonts/sangbleukingdom-lightitalic-webfont.woff") format("woff"),
    url("../fonts/sangbleukingdom-lightitalic-webfont.ttf") format("truetype"),
    url("../fonts/sangbleukingdom-lightitalic-webfont.svg#SangBleuLightItalic") format("svg");
    font-weight: normal;
    font-style: italic;
}

/* sang bleu Kingdom medium italic */
@font-face {
    font-family: "SangBleuMediumItalic";
    src: url("../fonts/sangbleukingdom-mediumitalic-webfont.eot");
    src: url("../fonts/sangbleukingdom-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sangbleukingdom-mediumitalic-webfont.woff2") format("woff2"),
    url("../fonts/sangbleukingdom-mediumitalic-webfont.woff") format("woff"),
    url("../fonts/sangbleukingdom-mediumitalic-webfont.ttf") format("truetype"),
    url("../fonts/sangbleukingdom-mediumitalic-webfont.svg#SangBleuMediumItalic") format("svg");
    font-weight: normal;
    font-style: italic;
}

/* sang bleu Regular */
@font-face {
    font-family: "SangBleuRegular";
    src: url("../fonts/sangbleukingdom-regular-webfont.eot");
    src: url("../fonts/sangbleukingdom-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sangbleukingdom-regular-webfont.woff2") format("woff2"),
    url("../fonts/sangbleukingdom-regular-webfont.woff") format("woff"),
    url("../fonts/sangbleukingdom-regular-webfont.ttf") format("truetype"),
    url("../fonts/sangbleukingdom-regular-webfont.svg#SangBleuRegular") format("svg");
    font-weight: normal;
    font-style: italic;
}

/* GENERALE */

html {
    min-height: 100%;
    background-image: url(../images/bg-zurk-small.jpg) !important;
    background-size: auto;
    background-position: bottom;
    background-repeat: no-repeat !important;
}

body {
    font-family: "Montserrat", "Arial", sans-serif;
    font-weight: 300;
    background-color: transparent;
    color: #000;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "SangBleuLightItalic", serif;
    font-style: italic;
    font-size: 32px;
    line-height: 50px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0 !important;
}

	img {
		width: 600px;
		height: auto;
	}

.align-element-center{
	display:block;
	margin:0 auto;
}

.btn.primary-button{
    background-color: #880e13;
    border-color: #880e13;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
	display: table;
    margin: 5% auto 0 auto;
}

.btn.primary-button:hover {
    background-color: #a60006;
    border-color: #a60006;
}

.btn.primary-button:focus {
    box-shadow: 0 0 0 0.3rem #e1bcaa3d;
}

.btn:hover, button:hover{
	transition: background-color 0.2s ease !important;
	-webkit-transition: background-color 0.2s ease !important;
	-moz-transition: background-color 0.2s ease !important;
	-o-transition: background-color 0.2s ease !important;
	-ms-transition: background-color 0.2s ease !important;
}

/* MEDIA QUERY */
@media only screen and (min-width: 360px) and (max-width: 600px) {
	html {
		min-height: 100vh;
		height: 100vh;
	}
	
	img {
		width: 328px;
		height: auto;
	}
	
	h1{
		font-size: 27px;
		line-height: 37px;
	}
	
	.btn.primary-button{
		margin-top:10%;
	}

}

@media only screen and (width: 320px){

	
	html {
		min-height: 100vh;
		height: 100vh;
	}
	
	img {
		width: 287px;
		height: auto;
	}
		
	h1{
		font-size: 27px;
		line-height: 37px;
	}
	
	.btn.primary-button{
		margin-top:10%;
	}
}