@media screen and (min-width: 800px) {
.btn-circle {
  width: 230px;
  height: 230px;
  text-align: center;
  padding: 6px 0;
  font-size: 100%; !important
  line-height: 1.428571429;
  border-radius: 50%;  
}
.btn-circle.btn-xl {
  width: 130px;
  height: 130px;
  padding: 10px 16px;
  font-size: 100%; !important
  color: withe;
  line-height: 1.33;
}
}
  
#allb{
    font-family: myFont;
    font-weight: bold;
    font-size: 150%;
    }

#alln{
    font-family: myFont;
    font-weight: bold;
    font-size: 150%;
    margin-top:10%;
    }

#alle{
    font-family: myFont;
    font-size: 120%;
    font-weight: bold;
    }
    
    


#libroicona{
    margin-left: 1em;
    }

#tutti{
    border-radius: 5px;
    }
  
#cerca{
    font-weight: bold;
    margin-top: 20%;
    font-size: 150%;
    }
 
#desc{
   padding: 2em;
    }
  
#risultati{
   margin-top:2em;
   background-color: rgb(14,49,156,0.4);
    }

#bookcrossing, #chisiamo, #home, #contatti{
   font-family: myFont;
   font-size: 150%;
   margin-top: 1em;
   }
   
#bookcrossing .container, #chisiamo .container{
   text-align: justify;
   margin-top: 2em;
   width:50%;
   }

hr{ 
   background-color: rgb(102, 108, 110); height: 2px; border: 0; 
   }

.titolo{
   font-size: 230%;
   font-weight: bold;
   }
   
.titolob{
   font-size: 230%;
   font-weight: bold;
    background: rgba(0,68,204,0.9); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* Standard syntax */
   border: 2px solid black 
   }

#sponsor{
   font-size: 60%;
   margin-left: 2em;
   }

footer{
   margin-top: 2em;
  }
#aut{
   font-size:80%;}


.navbar.navbar-default{
   border: 0px;
   }
#menu,#mm {
  background: rgba(18,56,92,1);
   }

#menu{
   min-height: 100%;
   }
   
#menu a{
   font-family: myFont;
   color: white;
   font-size: 200%;
   margin: 10px;
   }

#menu li:hover{
   text-decoration: underline;
   }
   
td{
   margin: 2em;
  }
  
#tab {
    width: 80%;
    
    color: black;
    border: thin solid black;
    }
    


.scroll{
    max-height: 500px;
    overflow: auto;
    }

#table {
   border-collapse: separate;
   border-spacing: 15px; 
   text-align: center;
   border: 5px solid black;
   font-family: myFont;
   font-weight: bold;
    background: rgba(0,68,204,0.9); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,106,204,0.6), rgba(0,68,204,0.9)); /* Standard syntax */
}


#seguici img{
   margin-left: 0.4em;
   }

#telefono, #seguici{
   margin-top: 2em;
   margin-bottom: 2em;
   border: thin solid black;
   text-align: center;
   }

header{
   background-color: #A9A9A9; 
   } 

#header{
   border-bottom: 2px solid #006dcc; 
   }
   
 @media screen and (min-width: 1000px) {
#header img{
   margin-left: 1em;
   margin-top: -2em;
   width=80%;
   }}
   
#redirect.btn-primary{
   margin-top:2em;
   border-radius: 100px;
   }
   
#bcfooter{
   font-size:100%;
   width:70%;
   }

#striscia-iniziale{


   font-family: myFont;
   font-weight: bold; 
   font-size: 150%;
   }

#striscia-iniziale a{
   color: white;
   }

#striscia-iniziale a:hover{
   cursor: pointer;
   }

@media screen and (min-width: 500px) {
    #menu {
        text-align: center;
    } 
    #map{
  width: 60%;
  } 
}
#saluto{
   font-family: myFont;
   font-weight: bold; 
   font-size: 150%;
   color: white;
   margin-top: 3em;
   }
   
#login-form{
   font-family: myFont;
   font-weight: bold; 
   font-size: 100%;
   color: white;
   margin-top: 2em;
   } 
   
input{
   padding: 0em;
   color:black; 
   }

p a{
   margin:1em;
   }

#asd{
    background: rgba(18,56,92,1);}
    
	

#accesso{
    margin-top: 2em;
    margin-bottom: 1em;
    font-family: Verdana;
    color: rgba(18,56,92,1);
    font-size: 80%;
}

@media screen and (min-width: 1000px){
#book{
  border-right: thin solid grey;
  }
}



footer{
  background-color: grey;
  color: white;
  }
  
  



  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
  
  
  
  
body {margin:0;}

ul.topnav {
  list-style-type: none;
  margin-left: 17%;
  padding:0;
  overflow: hidden;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {text-decoration: underline;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:1010px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:1010px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}   }
}