body{
    font-family: "Athelas";
    font-size:17px;
    line-height: 1.5em;
    margin: 0;
    padding: 0;  
}

/* FONT FACE */

@font-face{
    font-family: "Majesti";
    src: url('../fonts/Majesti-Banner-Heavy.otf');
    
}

img{
    width: 100%;
}

.container{
    margin: auto;  
}


/* COMMON */
.primary-text{
    color:#be1e2d;
}

.primary-background{
    background: #be1e2d;
}

/* HEADER */
#main-header{
    border-bottom:1px solid #be1e2d;
}

/* NAVBAR */
#navbar{
    text-transform:uppercase;
}

#navbar li{
    display:inline;
    padding-right: 20px;
    list-style: none; 
}

#navbar a{
    text-decoration: none;
    color: #8a8c8f;
}

#navbar li.current a, #navbar a:hover{
    color: #be1e2d;
    border-bottom: 3px solid #be1e2d;
    padding-bottom: 3px;
}

/* SHOWCASE */
#showcase{
    background: url('../images/p4.jpg') no-repeat center center;
    border-bottom:1px solid #be1e2d;
    margin-bottom:30px;
}

#showcase .row{
    height:600px;
}

#showcase h1{
    font-size: 50px;
    margin:0;
    padding-bottom:20px;
}

#showcase .showcase-content{
    background:#41393d;
    color:#fff;
    border-radius:90px;
    padding:40px;
    opacity:0.9;
}

/* FEATURES */
#features h2{
    font-size: 35px;
    font-family: Majesti;
    margin:0;
    padding-bottom: 10px;
}

#features p{
    color: #8a8c8f;
    margin:0;
    margin-bottom: 40px;   
}

#features .fa{
    font-size: 60px;
    color: #be1e2d;
}


/* INFO */
#info{
    background: #41393d url('../images/p5.jpg') no-repeat;
    background-size:cover;
    color:#fff;
}

#info h2{
    font-size:35px;
    font-family: Majesti;
    margin:0;
    padding-bottom: 10px;
}

#info ul{
    list-style: none;
    padding: 0;
}

#info li{
    line-height: 2em;
    font-size: 20px;
    
}

/* COMPANY */

#company{
    background: #41393d;
        color: #fff;
        padding:10px 0;
}

#company h4{
    text-transform:uppercase;
    margin-bottom: 0;
}

#company ul{
    padding:0;
    list-style: none;
    line-height: 2em;
}

#company input[type="text"]{
    padding:7px;
    
}

#company button{
    background: #ef4e22;
    color: #fff;
    padding:10px;
    border:0;
}

/* FOOTER */
#main-footer{
    background: #be1e2d;
    color:#FFF;

}

/* PAGE */
#page{
    margin-bottom: 40px;
}

/* MENU */
.menu-body {
  max-width: 680px;
  margin: 0 auto;
  display: block;
  color: rgb(92, 92, 92);
}

.menu-section {
  margin-bottom: 80px;
}

.menu-section-title {
    font-family: Majesti;
  font-size: 25px;
  display: block;
  font-weight:normal;
  margin: 20px 0; 
  text-align: Center;
}

.menu-item {
  margin: 35px 0;
  font-size: 18px;

}

.menu-item-name{
  text-align: left;
  font-family: Athelas;
  font-weight: bold;
  border-bottom: 1px dotted rgb(213, 213, 213);
}

.menu-item-description {
  text-align: left;
  font-style: italic;
  font-size: .9em;
  line-height: 1.5em;
}

.menu-item-price{
  float: right;
  font-weight: bold;
  font-family: arial;
  margin-top: -22px;
}
/* CONTACT */
.contact form{
    background:#41393d;
    color:#fff;
    padding: 20px;
}

.contact form input[type="text"]{
    width: 50%;
    height:30px;
    margin-bottom: 10px;
}

.contact form textarea{
    width:50%;
    height:100px;
}

.contact form button{
    width:50%;
    padding:10px 0;
    border:0;
    background:#ef4e22;
        color:#fff;
}

.contact form label{
    text-transform: uppercase;
}


/* MEDIA QUERY */
@media(max-width:800px){
    #showcase h1{
    font-size:30px;
        
}
}
    
    @media(max-width:500px){
        #showcase .showcase-content{
            padding:40px 10px; 
} 
}