/* == Stili di base - Mobile first ===== */

body { font-size: 100%; font-family: sans-serif; color: #333; background: #fff; margin: 0; padding: 0;}

h1,h2,h3 {font-weight: 600;}

a { color: black; text-decoration: none;}

p { font-size: 0.875em; line-height: 1.4375; margin: 0 0 0.35em 0;}

p a:hover { color: black; text-decoration: underline;}

ul { margin: 0; padding: 0; list-style: none;}

ol {padding: 20px; padding-left: 2em}

li {line-height: 1.5em;}

header { width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; color: white; font-size: 2em; font-weight: 600; text-align: center; background-color: #3498db;}

article { width: 100%; }

article h2 { font-weight: 500; font-size: 1.1875em; margin: 0 0 0.925em 0;}

article h2 a {color: #333;}

article h2 a:hover { color: #3AC3E0;}

article img { display: block; max-width: 100%; height: auto; margin-bottom: 0.625em;}

footer { clear: left; float: left; position: relative; width: auto; height: 3em; line-height: 3em; background-color:#bdc3c7; font-size: 0.8125em;}

footer { width: 100%; font-size: 0.75em; border-top: 1px solid #D1D3D4; padding: 1em 0 1.25em 0;}

footer a {color: #333; padding-left:1em }

#container { margin: 0 auto; padding: 0;}

.bkgrey240 {background: rgb(240, 240, 240);}

.titolo {border-style: solid; border-width: thick; padding: 0.1em; max-width: 50%;margin:auto;}

/* == Media queries (breakpoint) ===== */

/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {
/* Mostriamo le sezioni prima nascoste */
#content { width: 100%; margin-top: 0px;}
#main { float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
article img { box-sizing: border-box; padding: 5px; border: 1px solid #D1D3D4;}
ol {padding-left: 3em}
}

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){
#container {max-width: 960px;}
}
/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
#container {max-width: 1140px;}
#main {width: 100%;}

}

/* -----------------------------------
ds
------------------------------------ */
.elenco{list-style-type: disc;}

.button {
  background-color: #008CBA;
  border-radius: 4px;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;}

  .b-round {
    background: none;
    border-radius: 35px;
    border: none;
    color:#2ecc71;
    display: inline-block;
    font-size: 40px;}