*{
   margin: 0;
   padding: 0;
   border:0;
   font-size: 100%;
   vertical-align: baseline;
}

body {
  text-align: center;
  font-family: sans-serif;
  background-color:#ffe600; 
}

.navbar {background-color:#ffe600;}

.navbar a {
    display: block;
    padding: 22px 20px ;
    background-color:#ffe600;
    color: #e61212;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;}

.navbar a:hover {
   background:#FFF385 ;
   color: #e61212;}

.foto {
   height: 60vh !important;
   background: url(../img/header.jpg) no-repeat center;
   background-size: cover;
   margin:0;
   padding:0;
}

.foto_nos {
   height: 60vh !important;
   background: url(../img/nosotros3.jpg) no-repeat center;
   background-size: cover;
   margin:0;
   padding:0;
}

.foto_prod {
   height: 60vh !important;
   background: url(../img/rg.jpg) no-repeat center;
   background-size: cover;
   margin:0;
   padding:0;
}

.foto_envios {
   height: 60vh !important;
   background: url(../img/envios.jpg) no-repeat center;
   background-size: cover;
   margin:0;
   padding:0;
}

.title {
   margin-bottom: 30px;
   font-size: 60px;
   font-weight: 600;
   text-transform: uppercase;
   color: #e61212;
}

p {
   margin-bottom: 20px;
   font-size: 18px;
   color: #e61212 ;
   padding: 0 100px;
}

.btn-home {
   display: flex;
}
.btn-home a {
   margin: 0 10px;
}

.content {
   height: 50vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.sau {
   padding: 30px;
   background:#ffe600 ;
} 

.box-container {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   text-align: center;
}
.box-container .box {
   height: 14rem;
   width: 17rem;
   background:#ffc400 ;
   text-align: center;
   border-radius: 1rem;
   box-shadow: 0.3 5rem rgba(253, 249, 3, 0.925);
   margin: 2rem auto;
}

.box-container .bateria {
   background:#ffc400 ;
   text-align: center;
   border-radius: 1rem;
   box-shadow: 0.3 5rem rgba(253, 249, 3, 0.925);
}

.box-container .box i, .box-container .bateria i {
   height: 3rem;
   width: 3rem;
   line-height: 3rem;
   text-align: center;
   border-radius: 50%;
   color: #e61212;
   background: #ffe600;
   font-size: 2rem;
   margin: 1rem 0;
}

.box-container .box h3, .box-container .bateria h3 {
   font-size: 20px;
   color: #e61212;
}

.box-container .box p {
   padding:0 15px;
   margin:0;
   font-size:16px;   
}

.box-container .bateria p {
   padding:0 15px ;
   font-size:16px ;
   margin:0 0 10px 0;}

.box-container .bateria .img {
   width: 170px;   
}

.about {
   background: #ffee00;
}

.price {
   background: url(../img/envios.jpg) no-repeat center;
   background-attachment: fixed;
   background-size: cover;
   text-align: center;
}

.contact {
   padding-top: 40px;
   background: #ffe600;
   padding-bottom: 20px;
}