/* general ---------------------------------*/
section.content{
  width:100%;
  background-color: white;
  position:relative;
}
article.content{
  position: relative;
  justify-content:center;
  -webkit-justify-content:center;
  max-width:1000px;
  margin:auto;
  z-index: 3;
}
[class*="box-"]{
 margin:10px;
 box-shadow:1px 4px 8px 0px black;  
 transition: transform 0.3s;
}

[class*="box-"]:hover,{
 -ms-transform: scale(2, 3); /* IE 9 */
 -webkit-transform: scale(2, 3); /* Safari */
 transform: scale(1.04, 1.04);
}
.box-1{
  height:180px;
  min-width:44%;
  flex:1 1 44%;
}
.box-2{
  height:180px;
  min-width:48%;
  flex:2 1 48%;
}
.box-4,
.group{
  height:400px;
  min-width:300px;
  flex:2 1 300px;
}
/* links ------------------------------------*/

article.link{ 
  height:180px;
  min-width:44%;
  flex:1 1 44%;
  color:black; 
  align-content:center;
  -webkit-align-content:center;
  padding:10% 0px;
}
article.link > p{ font-size:1em;}
article.link > p.bold{ font-weight:bold;}
article.link > a { 
 list-style-type:none;
 padding:5% 0px;
 display: block;
 text-align: center;
 text-decoration: none;
 margin: 10px 15px;
 transition: transform 0.3s;
}

article.link > a:hover{
 -ms-transform: scale(2, 3); /* IE 9 */
 -webkit-transform: scale(2, 3); /* Safari */
 transform: scale(1.1, 1.1);
 cursor: pointer;
}
article.link > a > img{
  width:100%;
  height:auto; 
}

/* facebook ---------------------------------*/
article.fb{ background-color:#1d86d0; overflow: auto; padding-left: 5px; }
article.fb > p{ color:white; font-size:1.5em; }

/* youtube ---------------------------------*/
iframe#evideo{
 width:100%;
 height:100%;
}
/* soundcloud-------------------------------*/
iframe#scloud{
 width:100%;
 height:100%;
}
/* pang  ------------------------------------*/
article.pang{ 
 background-image:url("img/pang.jpg"); 
 color:white; 
 align-content:center; text-align:center; 
 -webkit-align-content:center; text-align:center; 
 height:100%; padding:1px;
}
article.pang > p{ font-size:2em;}
article.pang > p.bold{ font-weight:bold;}

/* Cal  ------------------------------------*/
article.cal{ 
 background-image:url("img/cal.jpg"); 
 color:white; 
 align-content:center; text-align:center; 
 -webkit-align-content:center; text-align:center; 
 height:100%; padding:1px;
}
article.cal > p{ font-size:1.9em;}
article.cal > p.bold{ font-weight:bold;}
/* a ---------------------------------------*/

