#affiliation{
  background:white;
  background:url('/affiliation/fond.png');
  
//  font-size:17px;
  line-height:1.5em;
  //font-family:"lato", sans-serif;
  font-weight:300;
 
  strong{
    
    color:rgba(79,129,184,1);
  }
 
  .ctr{
    text-align:center;
    
  }
  hr{
    margin:2em auto;
    max-width:400px;
    border-color:rgba(180,180,180,1);
    
    
  }
  .center{
    max-width:800px;
    
  }
  .red{
    color:rgba(239,45,58,1);
    
  }
  .blue{
    color:rgba(26,147,205,1);
    
  }
  .small{
    font-style:italic;
    //font-size:16px;
  }
 
  h1, h2,h3{
    font-weight:400;
    text-align:center;
  }
  h1{
    //font-size:45px;
    
  }
  h2{
    //font-size:32px;
    
  }
  .af-highlight{
    padding:2em 0;
    background:rgba(203,239,254,1);
    color:white;
    background:url("/affiliation/3.jpg") center center fixed;
    background-size:100%;
    background-size:cover;
    
  }
  
  .af-top{
    background:url("/affiliation/12.jpg") center center fixed;
    background-size:100%;
    background-size:cover;
    padding:12em 0;
    color:black;
    
    
    h1,h2{
      padding:10px 20px;
      color:rgba(77,128,186,1);
      
      display:inline-block;

      //text-shadow:0 0 5px rgba(0,0,0,0.5);
    }
    h1{
      //font-size:60px;
      border:2px solid rgba(77,128,186,1);
    }
    
  }
  
  .block{
    padding:3em 10px;
    
    
    
  }
  .link{
    padding:2em;
    .btn{
      background:rgba(76,180,38,1) !important;
      
    }
  }
  .parent{
    img{
      border-radius:50%;
      height:100px;
    }
    color:white;
    //background:rgba(77,128,186,0.5);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    
  }
  .concept-side{
    background:rgba(246,246,238,1);
    
  }

  .credits{
    ul{
      text-align:left;
      
    }
    background:rgba(243,156,45,0.1);
    img{
      max-width:150px;
      
    }
    
  }
  .we{
    border-top:1px solid rgba(180,180,180,1);
    
  }
  .video{
    background:rgba(77,128,186,1);
    color:white;
    
    a{
      color:white;
    }
    
  }
  
  #details{
    z-index:10;
    position:fixed;
    top:50px;
    left:50px;
    right:50px;
    bottom:50px;
    padding:20px;
    overflow: scroll;
    background:white;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    
  }
  #close_details{
    cursor:pointer;
    position:fixed;
    background:black;
    font-size:20px ;
    font-weight:bold;
    padding:5px 30px;
    color:white;
    top:10px;
    height:40px;
    right:60px;
    
  }
  h2{
    font-size:45px;
    font-family:Stylograph !important;
    //color:rgba(215,119,37,1);
  }
  h3{
    
    font-size:1.3em;
    font-weight:600;
  }
  
}
.af-block{
  padding:1px;
  background:url("/affiliation/12.jpg") center center ;
  background-size:100%;
  background-size:cover;
}
.white-color{
  
  color:white;
  *{
    
    color:white !important;
  }
}