/* ================================
   TABLETS
================================ */

@media (max-width:992px){

.hero{

padding:140px 0 80px;

text-align:center;

}

.hero h1{

font-size:50px;

}

.hero-buttons{

justify-content:center;

margin-bottom:50px;

}

.dashboard-preview{

margin-top:50px;

}

.navbar-nav{

margin-top:25px;

text-align:center;

}

.nav-link{

margin:12px 0;

}

}


/* ================================
   MOBILE
================================ */

@media (max-width:768px){

.brand-name{

font-size:22px;

}

.logo{

width:42px;

}

.hero{

padding:130px 0 60px;

}

.hero h1{

font-size:40px;

}

.hero p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

}

.btn-main,
.btn-outline{

width:100%;

text-align:center;

}

.dashboard-preview{

grid-template-columns:1fr;

}

.sensor{

padding:25px;

}

.section-title{

font-size:34px;

}

.product h2{

font-size:36px;

}

.product{

text-align:center;

}

}


/* ================================
   SMALL MOBILE
================================ */

@media (max-width:576px){

.hero h1{

font-size:34px;

}

.hero-tag{

font-size:14px;

}

.hero p{

font-size:16px;

}

.custom-navbar{

padding:14px 0;

}

.brand-name{

display:none;

}

}