166 lines
4.9 KiB
CSS
166 lines
4.9 KiB
CSS
|
@font-face {
|
||
|
font-family: 'Bondoluo-Peek';
|
||
|
src: url("../fonts/bondoluopeek/BondoluoPeek.eot");
|
||
|
src: url("../fonts/bondoluopeek/BondoluoPeek.eot?#iefix") format("embedded-opentype"), url("../fonts/bondoluopeek/BondoluoPeek.woff") format("woff"), url("../fonts/bondoluopeek/BondoluoPeek.ttf") format("truetype"); }
|
||
|
@font-face {
|
||
|
font-family: 'helvetica-neue-bold';
|
||
|
src: url("../fonts/Helvetica-Neue-Bold/Helvetica-Neue-Bold.eot");
|
||
|
src: url("../fonts/Helvetica-Neue-Bold/Helvetica-Neue-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-Neue-Bold/Helvetica-Neue-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Neue-Bold/Helvetica-Neue-Bold.woff") format("woff"), url("../fonts/Helvetica-Neue-Bold/Helvetica-Neue-Bold.svg#Helvetica Neue Bold") format("svg");
|
||
|
font-weight: 700;
|
||
|
font-style: normal;
|
||
|
font-stretch: normal;
|
||
|
unicode-range: U+0-10FFFF; }
|
||
|
@font-face {
|
||
|
font-family: 'Gotham-Bold';
|
||
|
src: url("../fonts/gotham/Gotham-Bold/Gotham-Bold.eot");
|
||
|
src: url("../fonts/gotham/Gotham-Bold/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-Bold/Gotham-Bold.woff") format("woff"), url("../fonts/gotham/Gotham-Bold/Gotham-Bold.ttf") format("truetype"); }
|
||
|
@font-face {
|
||
|
font-family: 'Gotham-Book';
|
||
|
src: url("../fonts/gotham/Gotham-Book/Gotham-Book.eot");
|
||
|
src: url("../fonts/gotham/Gotham-Book/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/Gotham-Book/Gotham-Book.woff") format("woff"), url("../fonts/gotham/Gotham-Book/Gotham-Book.ttf") format("truetype"); }
|
||
|
|
||
|
|
||
|
.home h1 {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
font-size: 33px;
|
||
|
text-transform: uppercase;
|
||
|
line-height: 45px;
|
||
|
color: #000000;
|
||
|
text-align: center;
|
||
|
font-weight: 900;
|
||
|
width: 100%; }
|
||
|
.home h2 {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
font-size: 28px;
|
||
|
text-transform: uppercase;
|
||
|
line-height: 35px;
|
||
|
color: #000000;
|
||
|
text-align: center;
|
||
|
font-weight: 900;
|
||
|
width: 100%; }
|
||
|
.home h3 {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
font-size: 23px;
|
||
|
text-transform: uppercase;
|
||
|
line-height: 28px;
|
||
|
color: #000000;
|
||
|
text-align: center;
|
||
|
font-weight: normal;
|
||
|
width: 100%; }
|
||
|
.home p {
|
||
|
font-family: "Gotham-Book", Helvetica, Arial, sans-serif;
|
||
|
font-size: 12px;
|
||
|
text-transform: none;
|
||
|
line-height: 1.5em;
|
||
|
color: #000000;
|
||
|
text-align: left;
|
||
|
font-weight: normal;
|
||
|
width: 100%; }
|
||
|
.home p strong {
|
||
|
font-family: "Gotham-Bold", Helvetica, Arial, sans-serif; }
|
||
|
.home p.left {
|
||
|
text-align: right; }
|
||
|
.home p.right {
|
||
|
text-align: left;
|
||
|
font-family: "Gotham-Bold", Helvetica, Arial, sans-serif; }
|
||
|
.home .eng {
|
||
|
font-family: "Gotham-Bold", Helvetica, Arial, sans-serif; }
|
||
|
.home .esp {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
font-weight: 900;
|
||
|
letter-spacing: 1px; }
|
||
|
.home a {
|
||
|
color: black;
|
||
|
cursor: pointer; }
|
||
|
.home a:hover, .home a:focus, .home a:active {
|
||
|
opacity: 0.5;
|
||
|
color: black; }
|
||
|
.home a.underline {
|
||
|
text-decoration: underline; }
|
||
|
|
||
|
/* ======= MEDIUM ======*/
|
||
|
@media only screen and (max-width: 767px) {
|
||
|
.home main h1 {
|
||
|
font-size: 24px;
|
||
|
line-height: 1.3em; }
|
||
|
.home main h2 {
|
||
|
font-size: 20px;
|
||
|
line-height: 1.3em; }
|
||
|
.home main h3 {
|
||
|
font-size: 18px;
|
||
|
line-height: 1.5em; }
|
||
|
.home main h4 {
|
||
|
font-size: 15px;
|
||
|
line-height: 1.5em; }
|
||
|
.home main p {
|
||
|
font-size: 13px;
|
||
|
line-height: 1.5em; }
|
||
|
.home main p.message {
|
||
|
font-size: 15px;
|
||
|
line-height: 2em;
|
||
|
width: 90%; }
|
||
|
}
|
||
|
/* ======= HEADER ======= */
|
||
|
.home header .logo {
|
||
|
display: table;
|
||
|
margin: 50px auto 50px auto; }
|
||
|
.home header .logo h1 {
|
||
|
margin: 0; }
|
||
|
.home header .menu-home.lat {
|
||
|
margin-top: 47px; }
|
||
|
.home header .menu-home.lat .subtitle h2 {
|
||
|
font-size: 15px;
|
||
|
margin: 0; }
|
||
|
|
||
|
/* ======= HOME ======= */
|
||
|
.home {
|
||
|
position: relative; }
|
||
|
|
||
|
.home main {
|
||
|
overflow: hidden;
|
||
|
font-family: "helvetica-neue-bold", Helvetica, Arial, sans-serif;
|
||
|
font-size: 14px;
|
||
|
font-weight: bold;
|
||
|
margin-bottom: 100px; }
|
||
|
|
||
|
.home .menu-come {
|
||
|
display: table;
|
||
|
margin: 0 auto;
|
||
|
padding: 0; }
|
||
|
.home .menu-come li {
|
||
|
float: left;
|
||
|
list-style: none;
|
||
|
margin: 5px 0;
|
||
|
padding: 0;
|
||
|
text-align: center;
|
||
|
width: 100%; }
|
||
|
.home .menu-come li.subtitle {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
margin-top: 0; }
|
||
|
.home .menu-come li.subtitle h2 {
|
||
|
font-size: 20px; }
|
||
|
.home .menu-come li p {
|
||
|
font-family: "helvetica-neue-bold", Helvetica, Arial, sans-serif;
|
||
|
width: 100%;
|
||
|
text-align: center; }
|
||
|
.home .menu-come li p span {
|
||
|
width: 100%;
|
||
|
float: left;
|
||
|
line-height: 1.4em; }
|
||
|
.home .menu-come li .eng {
|
||
|
font-family: "helvetica-neue-bold", Helvetica, Arial, sans-serif;
|
||
|
font-size: 15px; }
|
||
|
.home .menu-come li .esp {
|
||
|
font-family: "Bondoluo-Peek", "Trebuchet MS", Arial, sans-serif;
|
||
|
font-size: 11px; }
|
||
|
.home .menu-come li .esp.padd {
|
||
|
padding-left: 2.5px; }
|
||
|
|
||
|
.home footer {
|
||
|
margin-bottom: 0px;
|
||
|
}
|
||
|
.home footer .fonca {
|
||
|
display: table;
|
||
|
margin: 0 auto;
|
||
|
}
|