@charset "utf-8";
/* CSS Document */

.grey {background-color: #E4E2E8;}
body { font-family: 'Open Sans', sans-serif; font-size: 16px;}

h1, .title {font-family: 'Arvo', serif; font-weight: 600; color: #E50064; font-size: 2rem;} 
h2 {font-family: 'Arvo', serif; font-weight: 400; color: #E50064; font-size: 1.28rem;} 
h3 {font-family: 'Arvo', serif; font-weight: 600; color: #782181; font-size: 1.4rem;} 
h4 {font-family: 'Arvo', serif; font-weight: 400; color: #333; font-size: 1.4rem;}    
a, a:hover {color: #000;}

.btnSbt {color: #fff; font-weight: bold; background-color: #782181; border: none;}
.btn-dark {font-family: 'Arvo', serif; }
.box-loghi {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
}
.logo {
    width: 100%; 
    padding-bottom: 45%; 
    position: relative;
}
.logo img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.bg-dark, .bg-viola {background-color: #782181 !important;}
.nav-item {border: 1px solid #fff; margin-right: 1rem;}
.active a {background-color: #fff !important; color: #782181 !important; font-weight: bold; }
.navbar-expand-md .navbar-nav .nav-link {
  padding-right: .3rem;
  padding-left: .3rem;
	padding-top: .3rem;
	padding-bottom: .3rem;
}

.navbar-expand-md .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}

@media (min-width:768px) {
    .box-loghi {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
        margin-bottom: 0px;
    }
	
}


@media (max-width:768px) {
   
	.min-mob {min-height: 500px;}
	.nav-item {border: 1px solid #fff; margin-right: 0rem !important;}
}