@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,700');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?iyjt2c');
  src:  url('fonts/icomoon.eot?iyjt2c#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?iyjt2c') format('truetype'),
    url('fonts/icomoon.woff?iyjt2c') format('woff'),
    url('fonts/icomoon.svg?iyjt2c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-chevron-thin-left:before {
  content: "\e902";
}
.icon-chevron-thin-right:before {
  content: "\e903";
}
.icon-cross:before {
  content: "\e904";
}
.icon-menu:before {
  content: "\e905";
}
.icon-mobile:before {
  content: "\e906";
  color: #0f8390;
}
.icon-facebook-with-circle:before {
  content: "\e907";
  color: #0f8390;
}

.adress { font-family: 'Roboto Slab', serif; color: #fff; font-size: 10pt; line-height: 16pt;}

.adress a {color: #fff; text-decoration: none;}
.adress a:hover {color: #ee993b;}

.form { font-family: 'Roboto Slab', serif; font-weight: 300; color:#ffc20e; font-size: 16pt; letter-spacing: 1px;}

.copy { font-family: 'Roboto Slab', serif; color: #fff; font-size: 10pt; line-height: 16pt; font-weight: 700;}
.tel { font-family: 'Roboto Slab', serif; color: #ee993b; font-size: 10pt;  font-weight: 700; text-align: center; }
.tel a {color: #ee993b;}
.ama { color:#ffc20e;}
.platillo {font-family: 'Roboto Slab', serif; font-size: 12pt;  font-weight: 700; text-transform:uppercase; letter-spacing:1px;}
.desc {font-family: 'Roboto Slab', serif; font-size: 11pt;  font-weight: 300; line-height: 13pt;}
.orange {color: #f68c3d;}
.cafe {color:#61411d;}
.azul {color:#008693;}

@media only screen and (max-width: 592px) {

}

@media only screen and (min-width: 769px) {
	.adress { font-size: 12pt; line-height: 18pt;}

.adress a {color: #fff; text-decoration: none;}
.adress a:hover {color: #ee993b;}

.form {font-size: 20pt; letter-spacing: 1px;}

.copy {font-size: 12pt; line-height: 18pt; font-weight: 700;}
.tel { font-size: 12pt;  font-weight: 700;}

}