:root {
  --cassiopeia-color-primary: #b2dddc !Important;
   --cassiopeia-color-hover: #b2dddc !Important;
 --link-color-rgb: rgb(0,0,0);
  }


body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  text-align: var(--body-text-align);
  background-color: #b2dddc;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;
}

.item-title {
  text-align: center;
}

.navbar {
  margin:auto;
}

.mod-menu {
   background: linear-gradient(top, #000080 0%, #ffffff 100%);
	background: -moz-linear-gradient(top, #000080 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #000080 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #000080 0%, #ffffff 100%);
   border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.mod-menu li a:link {
color: #b2dddc !important;
}

.btn {
  color: #000000;
}

.btn-primary {
  background-color: #169b62;
}

.navbar-toggler {
   margin-left: 15px;
   color: #000000;
 background-color: #122ebd;
}

.bordato {
  width: 80%; 
  margin: auto; 
  border: 5px solid #122ebd;
}

.par {
  text-align: justify; 
  margin: 15px;
}

.left {
    margin: auto;
}

@media only screen and (min-width: 150px) and (max-width:990px) {

.navbar {
  margin-left: 20px;
  background: none;
  
}

.mod-menu {
    background: none;
}
  
.mod-menu li a:link{
	line-height: 15px; 
   color: #000000 !important;
}

  .bordato {
  width: 98%; 
  margin: auto; 
  border: none;
}

.par {
  text-align: left; 
  margin-left: 5px;
  margin-right: 5px;
  margin-top:20px;
}
  
}