/*=========== RESET ==========*/

* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
font-family: 'Lato', sans-serif;}
body {background-color: #f5f5f5;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}

/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to bottom,#517ad6,#0b1338);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}

/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}


/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: 3% 4%; text-align: center;}


/* CABEÇALHO */
.logo {width: 350px; height: 120px; background: url(expresso-copias-logotipo.png) center center/350px no-repeat;
font-size: 0; margin: auto;}

/* BANNER */
.title {width: 100%;}
.title h2 {font-size: 2.5em; color: #fff; font-weight: 700;}
.title h3 {font-size: 1.5em; color: #fff;}


/* SERVIÇOS */
.servico {width: 100%;  text-align: left;  margin-bottom: 3%; min-height: 220px;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; margin-top: 2%; text-align: center; text-transform: uppercase; font-weight: 500;}
.inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}
.inner ul {width: 100%; text-align: center;}
.inner li {padding: 1.5%;}

/* RODAPÉ */
.social-icons a {font-size: 1.5em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 0.7); margin-top:2%;}
.telefones {color: rgba(255, 255, 255, 0.7); font-weight: 500; margin-top: 1%;}



/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.servico {width: 23.5%; float: left; margin-right: 2%;}
.servico:nth-child(4){margin-right: 0;}
}

/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.logo {width: 600px; height: 138px; background: url(expresso-copias-logotipo.png) center center/600px no-repeat;
font-size: 0; margin: auto;}

.title {width: 90%; margin: auto;}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.servico {width: 23.5%; }
.servico:nth-child(4){margin-right: 0;}
}

/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {


}