/* ===========================================
   Mobile Cafe Website
=========================================== */

body{
    font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
    background:#f8f9fa;
    color:#333;
}

.navbar-brand{
    font-size:28px;
    font-weight:bold;
}

.nav-link{
    font-size:16px;
    margin-left:15px;
}

.nav-link:hover{
    color:#0d6efd !important;
}

/* Hero Section */

.hero{
    background:linear-gradient(135deg,#0d6efd,#198754);
    color:white;
    padding:100px 0;
}

.hero h1{
    font-size:55px;
    font-weight:bold;
}

.hero p{
    font-size:20px;
    margin-top:20px;
}

.btn-light{
    padding:12px 35px;
    border-radius:50px;
    font-weight:bold;
}

/* Sections */

section{
    padding-top:70px;
    padding-bottom:70px;
}

h2{
    font-weight:bold;
}

/* Cards */

.card{
    border:none;
    border-radius:15px;
    transition:.3s;
}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0px 20px 35px rgba(0,0,0,.15);

}

.card i{

    color:#0d6efd;

}

/* CTA */

.bg-dark h2{

    font-weight:bold;

}

/* Footer */

footer{
    margin:0;
    padding:40px 0;
    background:#212529;
    color:#fff;
}

footer p{

    margin-bottom:8px;

}

/* WhatsApp Button */

.whatsapp{

position:fixed;

bottom:25px;

right:25px;

background:#25D366;

color:white;

width:60px;

height:60px;

border-radius:50%;

text-align:center;

font-size:30px;

line-height:60px;

box-shadow:0 5px 20px rgba(0,0,0,.3);

z-index:999;

}

.whatsapp:hover{

color:white;

transform:scale(1.1);

transition:.3s;

}

/* Responsive */

@media(max-width:768px){

.hero{

text-align:center;

padding:60px 0;

}

.hero h1{

font-size:38px;

}

.hero p{

font-size:18px;

}

.navbar-brand{

font-size:24px;

}

}

.mt-5 {
  margin-top: 0rem !important;
}