@import url(https://fonts.googleapis.com/css?family=Cookie);

body {font-family: 'Cookie', cursive;}
.logo {text-align:center;}
.testo {text-align:center; padding:50px; font-size:30px;}
.banner { position:absolute; padding:10px;top:10px; left:10px;}
.facebook { position:absolute; right:10px; top:10px;}
#slideshow {max-width:800px;}


/* BTNS */
.btn {

  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


/*footer*/
#footer {text-align:center;}
#footer p { color:#000; padding-top:12px; font-family:Verdana, Geneva, sans-serif;}
#footer p a { color:#ff2ce7; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}



* {  margin: 0;  padding: 0;  box-sizing: border-box; }
.frame {  margin: 0 auto;  max-width: 100%; }
.frame:after {    content: "";    display: table;    clear: both; }
[class*='bit-'] {  float: left;  padding: 0.3em; }

.bit-1 {  width: 100%; }
.bit-2 {  width: 50%; }
.bit-3 {  width: 33.33333%; }
.bit-4 {  width: 25%; }
.bit-5 {  width: 20%; }
.bit-6 {  width: 16.66667%; }
.bit-7 {  width: 14.28571%; }
.bit-8 {  width: 12.5%; }
.bit-9 {  width: 11.11111%; }
.bit-10 {  width: 10%; }
.bit-11 {  width: 9.09091%; }
.bit-12 {  width: 8.33333%; }
.bit-25 {  width: 25%; }
.bit-40 {  width: 40%; }
.bit-60 {  width: 60%; }
.bit-75 {  width: 75%; }

@media (max-width: 30em) {
.bit-1 {    width: 100%; }
.bit-2 {    width: 100%; }
.bit-3 {    width: 100%; }
.bit-4 {    width: 100%; }
.bit-5 {    width: 100%; }
.bit-6 {    width: 100%; }
.bit-7 {    width: 100%; }
.bit-8 {    width: 100%; }
.bit-9 {    width: 100%; }
.bit-10 {    width: 100%; }
.bit-11 {    width: 100%; }
.bit-12 {    width: 100%; } }

@media (min-width: 30em) and (max-width: 50em) {
.bit-4, .bit-6, .bit-8, .bit-10, .bit-12 {    width: 50%; }
.bit-1, .bit-2, .bit-3, .bit-5, .bit-7, .bit-9, .bit-11 {    width: 100%; }
 }

@media (min-width: 50em) and (max-width: 68.75em) {
.bit-2, .bit-7 {    width: 100%; }
.bit-4, .bit-8, .bit-10, .bit-12 {    width: 50%; }
 }

.box { padding: 20px 0; background-color: #FCD920;  }
.box--new {    background: #87D37C; }