/* ------------------------------

Fonts + Font Sizes

01. Load Fonts
02. Desktop
03. Tablet Landscape
04. Tablet Portrait
05. Mobile Landscape
06. Mobile Portrait

---------------------------------

Useful Resolution references:
1440 x 900 (Macbook)
1366 x 1024 (iPad Pro 12.9")
1112 x 834 (iPad Pro 10.5")
1024 x 768 (iPad Mini, iPad Air)
375 x 812 (iPhone X)
414 x 736 (iPhone 6+, 7+, 8+)
375 x 667 (iPhone 6. 7, 8)
320 x 568 (iPhone 5)

------------------------------ */

/* 01. Load Fonts */
@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'playfair_displayitalic';
    src: url('../fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	font-family:'playfair_displayitalic', Arial, Helvetica, sans-serif;
	color:#000;
	max-width:990px;
	margin:0 auto;
	text-align:center;
}
h1.no-padd-top {
	padding-top:0;
}
h2 {
	font-family:'poppinsregular', Arial, Helvetica, sans-serif;
	color:#000;
	max-width:1040px;
	margin:0 auto;
	text-align:center;
}
h2 a {
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
h2 a:hover {
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
h2 strong {
	font-family:'poppinssemibold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h2 span {
	padding-left:1px;
	margin-right:-1px;
}
h3 {
	font-family:'playfair_displayitalic', Arial, Helvetica, sans-serif;
	color:#000;
	max-width:990px;
	margin:0 auto;
	text-align:center;
}
.product-title {
	font-family:'playfair_displayitalic', Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 auto;
	text-align:center;
}
.product-title-active {
	font-family:'poppinsregular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.product-title-project {
	font-family:'poppinssemibold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:000;
	text-align:center;
}
.product-subtitle-project {
	font-family:'playfair_displayitalic', Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 auto;
	text-align:center;
}

/* 02. Desktop */
@media screen and (min-width: 1401px) {

h1 {
	padding-top:100px;
	font-size:70px;
	line-height:85px;
}
h2 {
	font-size:20px;
	line-height:35px;
}
h3 {
	font-size:35px;
	line-height:50px;
	padding-bottom:60px;
}
.product-title {
	font-size:60px;
	line-height:70px;
}
.product-title-active {
	font-size:50px;
	line-height:60px;
}
.product-title-project {
	font-size:40px;
	line-height:45px;
	padding-top:60px;
	padding-bottom:50px;
}
.product-subtitle-project {
	font-size:35px;
	line-height:45px;
	padding-top:10px;
	padding-bottom:60px;
}

}

/* 03. Tablet Landscape */
@media screen and (min-width: 1024px) and (max-width: 1400px) {

h1 {
	padding-top:100px;
	font-size:60px;
	line-height:75px;
}
h2 {
	font-size:20px;
	line-height:35px;
}
h3 {
	font-size:35px;
	line-height:50px;
	padding-bottom:60px;
}
.product-title {
	font-size:50px;
	line-height:60px;
}
.product-title-active {
	font-size:35px;
	line-height:45px;
}
.product-title-project {
	font-size:40px;
	line-height:45px;
	padding-top:60px;
	padding-bottom:50px;
}
.product-subtitle-project {
	font-size:35px;
	line-height:45px;
	padding-top:10px;
	padding-bottom:60px;
}

}

/* 04. Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 1023px) {

h1 {
	padding-top:100px;
	padding-left:30px;
	padding-right:30px;
	font-size:50px;
	line-height:65px;
}
h2 {
	font-size:18px;
	line-height:32px;
}
h3 {
	font-size:30px;
	line-height:45px;
	padding-bottom:50px;
}
.product-title {
	font-size:35px;
	line-height:45px;
}
.product-title-active {
	font-size:30px;
	line-height:40px;
}
.product-title-project {
	font-size:35px;
	line-height:40px;
	padding-top:50px;
	padding-bottom:40px;
}
.product-subtitle-project {
	font-size:25px;
	line-height:35px;
	padding-top:0;
	padding-bottom:40px;
}

}

/* 05. Mobile Landscape */
@media screen and (min-width: 415px) and (max-width: 767px) {

h1 {
	padding-top:50px;
	padding-left:30px;
	padding-right:30px;
	font-size:30px;
	line-height:45px;
}
h2 {
	font-size:16px;
	line-height:27px;
}
h3 {
	font-size:25px;
	line-height:40px;
	padding-bottom:20px;
}
.product-title {
	font-size:30px;
	line-height:40px;
}
.product-title-active {
	font-size:25px;
	line-height:35px;
}
.product-title-project {
	font-size:30px;
	line-height:35px;
	padding-top:40px;
	padding-bottom:30px;
}
.product-subtitle-project {
	font-size:20px;
	line-height:30px;
	padding-top:0;
	padding-bottom:30px;
}

}

/* 06. Mobile Portrait */
@media screen and (max-width: 414px) {

h1 {
	padding-top:50px;
	padding-left:25px;
	padding-right:25px;
	font-size:25px;
	line-height:40px;
}
h2 {
	font-size:14px;
	line-height:23px;
}
h3 {
	font-size:20px;
	line-height:30px;
	padding-bottom:20px;
}
.product-title {
	font-size:20px;
	line-height:30px;
}
.product-title-active {
	font-size:20px;
	line-height:25px;
}
.product-title-project {
	font-size:25px;
	line-height:30px;
	padding-top:20px;
	padding-bottom:20px;
}
.product-subtitle-project {
	font-size:20px;
	line-height:30px;
	padding-top:0;
	padding-bottom:30px;
}

}