body
{
	font-family:Akkurat;
	/* font-weight: bold; */
	background-color: #488ae6;
    text-color:#ffffff;
}

h2
{
    color:#488ae6;
    font-size:20px;
    line-height: 250%;
}

h3
{
    color:#488ae6;
    font-size:15px;
    line-height: 210%;
}

.image_dimension
{
		width: 100%;
		height: auto;


		border-style: solid;
		border-color: white;
		border-radius: 5%;
		margin-right: 2%;
		margin-bottom: 3%;
}


#r1
{

    background-color:white;
    border-radius: 60px;
    width:auto;
    height:50px;
    text-align: center; /* orizzontale */
}

#r2
{

    background-color:white;
    border-radius: 60px;
    width:auto;
    height:50px;
    text-align: center; /* orizzontale */
}

#r3
{

    background-color:white;
    border-radius: 60px;
    width:auto;
    height:30px;
    text-align: center; /* orizzontale */
    margin-bottom:1%;
}


.row
{
    width: auto;
    padding-top:2%;
    margin-left:2%;
    margin-right:2%;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: auto;
    padding-right: 1%;
    padding-left: 1%;
}




.fixed-bottom {
    width:auto;
    position: fixed;
    padding-bottom: 2%;
    margin-left:2.7%;
    margin-right:2.7%;
}

@media (max-width: 800px) {
 .spazio {
  margin-bottom: 5%;
}

  h2
{
    color:#488ae6;
    font-size:17px;
    line-height: 300%;
}
  h3
{
    color:#488ae6;
    font-size:11px;
    line-height: 300%;
}
  #r2 {
     display: none;
 }
  .row {
      padding-top:5%;
  }
}

@media (min-width: 800px) {
 .spazio {
  margin-bottom: 0px;
}
  }

ul.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

ul.horizontal-slide li[class*="col"] {
    display: inline-block;
    float: none;
}

ul.horizontal-slide li[class*="col"]:first-child {
    margin-left: 0;
}