/* custom css */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/montserrat-latin-100.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/montserrat-latin-200.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/montserrat-latin-300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/montserrat-latin-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/montserrat-latin-500.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/montserrat-latin-600.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/montserrat-latin-700.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/montserrat-latin-800.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/montserrat-latin-900.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body{
	font-family: 'Montserrat';
    font-size: 18px;
    line-height: 1;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat';
	line-height: 1;
}
a{
	color: #225d56;
}
a:hover, a:focus{
	text-decoration: none;
	cursor: pointer;
	outline: none;
	color: #f89164;
}
.body .logo{
	margin-top: 100px;
	margin-bottom: 45px;
}
.body .logo a{
	display: block;
}
.body .logo a picture{
	display: block;
}
.body .logo a picture img{
	width: 40%;
	display: block;
	margin: 0 auto;
}
.body .content{
	text-align: center;
}
.body .content .message h1{
	margin: 0 0 30px;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}
.body .content .message p{
	margin: 0;
    color: #000;
    font-size: 18px;
}
.body .content .message p + p{
	margin-top: 15px;
}
.body .content .message p .fas{
	color: #225d56;
	margin-right: 6px;
	transform: rotate(90deg);
}
.body .content .message p a{
	font-weight: 600;
}
.body .content .socials{
	margin-top: 30px;
}
.body .content .socials > div{
	display: inline-block;
}
.body .content .socials .facebook, .body .content .socials .linkedin{
	margin-right: 5px;
}
.body .content .socials > div a{
	display: block;
}
.body .content .socials > div a .fab{
	font-size: 30px;
}

@media screen and (max-width:959px) {
	.body .content .message h1{
		font-size: 25px;
	}
}

@media screen and (max-width:639px) {
	.body .logo a picture img{
		width: 50%;
	}
	.body .content .message h1{
		font-size: 20px;
		margin: 0 0 20px;
	}
	.body .content .socials{
		margin-top: 20px;
	}
}

@media screen and (max-width:480px) {
	.body .logo a picture img{
		width: 70%;
	}
	.body .content .message p{
		line-height: 1.4;
	}
}