/*GENERALI*/

body {
   padding:0;
   margin:0;
   font-family:Roboto;
   font-size: 12px;
   box-sizing: border-box;
}

a:link {color: inherit; text-decoration:inherit;}      /* unvisited link */
a:visited {color:inherit; text-decoration:inherit;}  /* visited link */
a:hover {color:inherit; text-decoration:inherit;}  /* mouse over link */
a:active {color:inherit; text-decoration:inherit;}  /* selected link */

/*TOPBAR*/
.topbar {
   height:9%; width:100%; position: relative; z-index:10;
}

.inner-topbar {
   height:100%; width:80%; margin:0 auto;
}

.max-size {
width: 100%;height: 100%;   
}

.tb-item {
   margin-right:20px;
}

/*HOMEPAGE*/

#cover {
   height:100%;background-image:url(/images/desk.jpg);background-size:cover;
background-position: bottom;text-align:center;
}

.shadow {
   top: 0;
    height: 100%;
    width: 100%;

    background-color: rgba(0,0,0,0.6);
    
}

.shadow-med {
   position: relative;background-color: rgba(0,0,0,0.5);
}

.br-line {display: inline-block;width: 20%;height:1px;border-bottom: 1px solid white;}

#luce {
   max-width:30px;
       vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}

#chisono, #siti {
   width:100%;
}



.med-title {
   font-size:19px;margin-bottom:30px;
}

.profile-img {
   max-width:150px; border-radius:100%;
}

.siti {
   width:100%;
   height:100%;
   color:white;
   background-size: cover;
   background-position: center center;
    
}

.siti-cont, .altro-cont {
    text-align: center;
    font-size: 16px;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 100px;
    padding-bottom: 100px;
    line-height:20px; 
}

.grey-square {
   display:inline-block;width:150px; height:150px; border-radius:100%; background-color:gray;
}

.site-title {
   margin:10px; font-size:22px; padding-top: 20px;
}



.site-text {
   font-size:14px; text-align:justify; line-height:22px;
}

.altro-title {
   line-height:25px; font-size:14px; padding-top: 20px;
}

#altro {

}



/*PAGINA WONEWS E INSTA*/

.wn-cont, .insta-cont {
   width:100%; text-align: center; padding-top:30px 
}

.wn-title, .insta-title {
   width:100%; text-align: center;font-size:23px; font-weight:300;
}

.art-title {
   margin:10px; font-size:23px; font-weight:300;
}



.index-table {
   float: left;
       width: 100%;
       font-size:21px;
       padding-top: 20px;
       padding-bottom: 20px; text-align:center
} 

.el-cont {
       display: inline-block;
    width: 220px;
    padding-left:10px;
        padding-right:10px;
    vertical-align: top;
}

#wonews-sez {
   width:100%; background-color:white;
}

#bicocca-img {
   border: 0.5px solid gray;
}

.contatti-table, .fs-mobile-pos, .wonews-mobile-pos {
width:100%; text-align:center;
}

.center {
   text-align: center;
}

.profile-cont {
   text-align: center;margin-bottom:20px;
}

.top-shadow {
   position: absolute;
}

/*CSS solo mobile*/
@media screen and (max-width: 768px) {

 .only-d {
   display:none;
 }

 .chisono-cont {
       text-align: justify;
    font-size: 16px;
    margin-left: 12%;
    margin-right: 12%;
    padding-top: 80px;
    padding-bottom: 80px;
    line-height: 18px;
}

.contatti-cont {
    text-align: center;
    font-size: 16px;
    margin-left: 12%;
    margin-right: 12%;
    padding-bottom: 80px;
    line-height: 18px;
}

.main-name {
  margin-top: 40%;
    color: white;
    margin-right: 2%;
    margin-left: 2%;
}

.name {
   font-size: 32px; margin-bottom:10px
}

.role {
   font-size: 18px; margin-top:10px
}

.insta-img, .art-img {
   display:inline-block;padding:20px
}


.altro-cont {
    text-align: center;
    font-size: 16px;
    margin-left: 12%;
    margin-right: 12%;
    padding-top: 80px;
    padding-bottom: 80px;
    line-height:18px;
}

.siti-cont {
   text-align: center;
    font-size: 16px;
    margin-left: 12%;
    margin-right: 12%;
    padding-top: 30px;
    padding-bottom: 30px;
    line-height:18px;
}

#wonews-sez {
       height: 20px;
    overflow: hidden;
}

.only-mobile-altro {
   width:100%; text-align:center
}

#bicocca-cont {
   margin-top:20px;
}

}

/*CSS solo desktop*/
@media screen and (min-width: 769px) {

 .only-m {
   display:none;
 }

.chisono-cont {
       text-align: justify;
    font-size: 16px;
    margin-left: 25%;
    margin-right: 25%;
    padding-top: 120px;
    padding-bottom: 120px;
    line-height: 20px;
}

.contatti-cont {
    text-align: center;
    font-size: 16px;
    margin-left: 25%;
    margin-right: 25%;
    padding-bottom: 120px;
    line-height: 20px;
}

.main-name {
  margin: 15%;
    color: white;
}

.name {
   font-size: 38px; margin-bottom:10px
}

.role {
   font-size: 22px; margin-top:10px
}

.insta-img {
   vertical-align: top;
    padding: 25px;
    display: inline-block;
}

.art-img {
   width:200px; height:200px; border-radius:100%; background-size:cover; margin: 0 auto;
}

#wonews-sez {
       height: 20px;
    overflow: hidden;
}





}


.wn-cont {
   background-color: #e5e5e5;
}



/*CSS wonews solo desktop*/
@media screen and (min-width: 992px) {

.articoli-container {
   text-align: center;
   height:auto;
   overflow:auto;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
}

.articolo-col {
   display:inline-block;
   width:306px;
   height:320px;
   background-color: #FFF;
   margin-right:20px;
   margin-bottom:30px;
   margin-top:40px;
   float:left;
}

.articolo-col:nth-of-type(3), .articolo-col:nth-of-type(6), .articolo-col:nth-of-type(9), .articolo-col:nth-of-type(12) {
   margin-right:0px !important;
}

.cover-art {
   height: 170px;
   background-size:cover;
   background-position: center center;
}

.title-art {
   padding: 25px;
   font-size:18px;
   text-align:left;
}

}

/*CSS wonews medi*/
@media screen and (min-width: 720px) and (max-width: 991px){

.articoli-container {
   text-align: center;
   height:auto;
   overflow:auto;
   max-width: 620px;
   margin-left: auto;
   margin-right: auto;
}

.articolo-col {
   display:inline-block;
   width:300px;
   height:320px;
   background-color: #FFF;
   margin-right:20px;
   margin-bottom:30px;
   margin-top:40px;
   float:left;
}

.articolo-col:nth-of-type(2), .articolo-col:nth-of-type(4), .articolo-col:nth-of-type(6), .articolo-col:nth-of-type(8), .articolo-col:nth-of-type(10), .articolo-col:nth-of-type(12) {
   margin-right:0px !important;
}

.cover-art {
   height: 170px;
   background-size:cover;
   background-position: center center;
}

.title-art {
   padding: 25px;
   font-size:18px;
   text-align:left;
}


}


/*CSS wonews medi*/
@media screen and (max-width: 719px) {

.articoli-container {
   text-align: center;
   height:auto;
   overflow:auto;
   max-width: 320px;
   margin-left: auto;
   margin-right: auto;
}

.articolo-col {
   display:inline-block;
   width:300px;
   height:320px;
   background-color: #FFF;
   margin-bottom:30px;
   margin-top:30px;
   float:left;
}



.cover-art {
   height: 170px;
   background-size:cover;
   background-position: center center;
}

.title-art {
   padding: 25px;
   font-size:18px;
   text-align:left;
}


}