/*STYLE CSS*/

@font-face {
    font-family: 'HongKong';
    src: url('../fonts/HongKong-Medium.woff2') format('woff2'),
        url('../fonts/HongKong-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Draft B Regular Ita';
    src: url('../fonts/DraftB-RegularIta.woff2') format('woff2'),
        url('../fonts/DraftB-RegularIta.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Draft B';
    src: url('../fonts/DraftB-Regular.woff2') format('woff2'),
        url('../fonts/DraftB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body {
	background-color:#fff;
	font-family: 'HongKong';
    font-weight: 500;
    font-style: normal;
	font-size:1.1rem;
	line-height:1.6rem;
	color: #363636;
}


/*General Styling*/

.wrapper-content {
	background-color:#f9fcff;
}

.jumbotron {
	background-image:url("../img/hero-2.jpg");
	height:587px;
	background-position:center top;
	background-size:cover;
	margin-bottom:0;
}

.payen-logo {
	width:250px;
}

p {
    color:#808080;
	font-family: 'Draft B';
    font-weight: normal;
    font-style: normal;
	margin-bottom:1.5rem;
	line-height:1.8rem;
}


a {
	color:#992cb7;
}

a:hover {
	color:#808080;
}


.h1, h1 {
    font-size: 1.85rem;
	margin-bottom:1.3rem;
}

.h2, h2 {
	font-size:1.5rem;
	margin-bottom:1.5rem;
}


.center {
	text-align:center;
}



/*Copyright*/

.wrapper-copyright {
text-align:center;
background-color:#ebeff2;
padding:50px 0 50px 0;
color:#363636;
}

.wrapper-copyright p {
	font-size:0.9rem;
}

.d-flex.flex-row.social img {
	width:40px;
	margin-right:1px;
}




/*MEDIA QUERIES*/

/* On screens that are 768px or more */

@media (min-width: 768px) {
.jumbotron {
    padding: 2rem 2rem;
}
}

/* On screens that are 767px or less */
@media screen and (max-width: 767px) {
.jumbotron {
	background-image:url("../img/hero-3.jpg");
	background-position:center top;
	background-size:cover;
	margin-bottom:0;
}
.payen-logo {
	width:200px;
}

}