/*------------------------------------------------------------------ * Table of Content * 1. Fonts * 2. Reset * 3. Default Typography -------------------------------------------------------------------*/ /************************* *******Fonts****** **************************/ @font-face { font-family: 'OpenSansRegular'; src: url('../../assets/fonts/OpenSansRegular.eot'); src: url('../../assets/fonts/OpenSansRegular.eot') format('embedded-opentype'), url('../../assets/fonts/OpenSansRegular.woff2') format('woff2'), url('../../assets/fonts/OpenSansRegular.woff') format('woff'), url('../../assets/fonts/OpenSansRegular.ttf') format('truetype'), url('../../assets/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg'); } @font-face { font-family: 'Aclonica'; src: url('../../assets/fonts/Aclonica.eot'); src: url('../../assets/fonts/Aclonica.eot') format('embedded-opentype'), url('../../assets/fonts/Aclonica.woff2') format('woff2'), url('../../assets/fonts/Aclonica.woff') format('woff'), url('../../assets/fonts/Aclonica.ttf') format('truetype'), url('../../assets/fonts/Aclonica.svg#Aclonica') format('svg'); } @font-face { font-family: 'MontserratRegular'; src: url('../../assets/fonts/MontserratRegular.eot'); src: url('../../assets/fonts/MontserratRegular.eot') format('embedded-opentype'), url('../../assets/fonts/MontserratRegular.woff2') format('woff2'), url('../../assets/fonts/MontserratRegular.woff') format('woff'), url('../../assets/fonts/MontserratRegular.ttf') format('truetype'), url('../../assets/fonts/MontserratRegular.svg#MontserratRegular') format('svg'); } /************************* *******Reset****** **************************/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; padding-left: 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; } body { background: #fff; font-family: 'OpenSansRegular'; font-weight: 400; color: #64686d; line-height: 26px; line-height: 1.5; } img { max-width: 100%; height: auto; display: block; } img { -ms-interpolation-mode: bicubic; } object, embed { max-width: 100%; } /************************* *******Default Typography****** **************************/ h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0; font-family: 'MontserratRegular'; text-shadow:none; /*color: #2c2c2c;*/ /*padding-bottom: 10px;*/ } h1{ font-size:44px } h2{ font-size:36px } h3{ font-size:24px } h4{ font-size:18px } a, a:visited, a:focus, a:active, a:hover { text-decoration: none; outline: none; } a { color: #2fbeef; } a:hover, a:focus { text-decoration: none; color: #2fbeef; } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; } ol, ul, p{ margin: 0; } p{ font-size: 14px; } small{font-size: 100%;} .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); /* browsers */ filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7c000000', endColorstr='#7c000000'); /* IE */ }