/* STYLE FOR: <Project Title>

Google Fonts used:
font-family: 'Lato', sans-serif;

*/

/* GEN POP */

body {
  font-family: 'Lato', sans-serif;
}
html {
  scroll-behavior: smooth;
}
p {
   font-size: 1.1rem;
   font-family: 'Lato', sans-serif;
}
a {
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #93b239;
}

/* HEADINGS */

h1 {
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 2.2rem;
}
h1 span {
  font-weight: 600;
}
h2 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
}
h3 {
  color: #313c8b;
  font-size: 1.3rem;
  font-weight: 600;
}

/* COLORS */

.white {
  color: #fff;
}
.blue {
  color: #313c8b;
}

/* BACKGROUNDS */



/* BUTTONS */

.btn-green {
  background-color: #93b239;
  color: #fff;
  border: 1px solid #93b239;
}
.btn-green:hover,
.btn-green:focus {
  color: #fff;
  background-color: #779324;
  border: 1px solid #fff;
}

/* TYPO */

.space {
  letter-spacing: 1px;
  font-size: 1rem;
}
.space i {
  font-size: 1.5rem;
}
.tel {
  color: #323c8b;
  font-weight: 600;
}
.tel i {
  color: #80217e;
}

/* POSITION (PADDINGS, MARGINS, ETC..) */

.section {
   padding-top: 80px;
   padding-bottom: 80px;
}


/* LISTS */

ul.acerca {
  padding-left: 0;
  margin-top: 50px;
}
ul.acerca li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width: 300px;
  padding: 40px 30px 10px;
  min-height: 390px;
  margin: 0 10px;
}
ul.acerca li p {
  color: #343434;
  font-size: 1rem;
}
ul.productos {
  padding-left: 0;
  margin-top: 50px;
}
ul.productos li p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 130%;
}
ul.productos li {
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 300px;
  margin: 10px;
  padding: 74px 40px;
}
ul.productos li:hover {
  opacity: 0.8;
}
ul.productos li.one {
  background: url('../img/img-refrescos.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.productos li.two {
  background: url('../img/img-enfriador.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.productos li.three {
  background: url('../img/img-refrescos.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.productos li.four {
  background: url('../img/img-mezclas.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.productos li.five {
  background: url('../img/img-nitrogeno-liquido.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul.productos li.six {
  background: url('../img/img-helio.png') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* BACKGROUNDS */

.top-ban {
  background: url('../img/gas-experts-foto-portada-1.jpg') no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 10rem 3rem 10rem;
}
.bg-gray {
  background-color: #525152;
}
.bg-blue {
  background-color: #4a76b9;
}

/* HEADER */

.navbar {
  padding: 0.5rem 3rem;
}
.navbar-light .navbar-nav .nav-link {
  color: #313c8b;
  text-transform: uppercase;
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #80217e;
}
.navbar-light .navbar-nav .nav-link.no-m-left {
  padding-right: 0;
}

/* FOOTER */

footer {
  padding-top: 15px;
  padding-bottom: 15px;
}
footer p {
  color: #222222;
  font-size: .8rem;
  margin-bottom: 0;
}
footer .right img {
  width: 90px;
  margin-left: 8px;
}
footer .right {
  text-align: right;
}

/* FORM */

.form-control {
  font-size: .8rem;
  border: none;
  font-style: italic;
}