@import 'css/milligram.css'; body { color: #1d2530; background:#363e48; font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 1.7em; letter-spacing: .005em; line-height: 1.3; } .main { margin-top: 60px; padding:60px !important; } .copy { background:#fbfbfb; padding: 20px; } h2 { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 47px; letter-spacing: .01em; color: #fff } @media (max-width: 40.0rem) { .main { margin-top: 20px; background:#fbfbfb; padding:20px !important; } h2 { font-size: 3rem !important; } } /* montserrat-italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('./font/montserrat-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Italic'), local('Montserrat-Italic'), url('./font/montserrat-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/montserrat-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/montserrat-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('./font/montserrat-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/montserrat-v14-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('./font/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('./font/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./font/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('./font/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */ src: local('Montserrat Medium'), local('Montserrat-Medium'), url('./font/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */ url('./font/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('./font/montserrat-v14-latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('./font/montserrat-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/montserrat-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/montserrat-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('./font/montserrat-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/montserrat-v14-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('./font/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local('Montserrat Black'), local('Montserrat-Black'), url('./font/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('./font/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* playfair-display-regular - latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('./font/playfair-display-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('./font/playfair-display-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/playfair-display-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/playfair-display-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./font/playfair-display-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/playfair-display-v20-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-700 - latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('./font/playfair-display-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('./font/playfair-display-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/playfair-display-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/playfair-display-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('./font/playfair-display-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/playfair-display-v20-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-900 - latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 900; src: url('./font/playfair-display-v20-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('./font/playfair-display-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/playfair-display-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/playfair-display-v20-latin-900.woff') format('woff'), /* Modern Browsers */ url('./font/playfair-display-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/playfair-display-v20-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-italic - latin */ @font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; src: url('./font/playfair-display-v20-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./font/playfair-display-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/playfair-display-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/playfair-display-v20-latin-italic.woff') format('woff'), /* Modern Browsers */ url('./font/playfair-display-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/playfair-display-v20-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-700italic - latin */ @font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 700; src: url('./font/playfair-display-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./font/playfair-display-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./font/playfair-display-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./font/playfair-display-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('./font/playfair-display-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./font/playfair-display-v20-latin-700italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'fontello'; src: url('./font/fontello.eot?84652176'); src: url('./font/fontello.eot?84652176#iefix') format('embedded-opentype'), url('./font/fontello.woff?84652176') format('woff'), url('./font/fontello.ttf?84652176') format('truetype'), url('./font/fontello.svg?84652176#fontello') format('svg'); font-weight: normal; font-style: normal; } .demo-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }