﻿.ccc3Columns
{
   display : flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: stretch;
   margin-bottom : 2rem;
   padding : 0 2vw;
}

.ccc3Columns .blockTitle
{
    border-bottom: solid 4px red;
    line-height: 2em;
}
.ccc3Columns .loopElementList
{
   height : 600px;
  background-color : rgba(255,255,255,0.5);
}
.ccc3Columns .more
{
  text-align : right; 
  padding : 0.5em 0;
}
.cccAllShortcuts
{
   border-top : solid 5px rgb(48,192,163);
   display : flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: stretch;
   padding : 1rem;
}
.cccAllShortcuts > div
{
   /*border-right : dotted 1px #dddddd;*/
   padding : 1rem;
   flex-basis : 300px;
   text-align : center;
}
.cccAllShortcuts .blockTitle
{
   font-size : 1.3rem;
   font-weight : 600;
   margin-bottom : 0.5em;
}
.cccAllShortcuts .shortcutList
{
    border : none 0;
    margin : 0;
    
    
}
.cccAllShortcuts .eachShortcut
{
    display : block;
    line-height : 1.8rem;
    padding : 0 1rem;
    
}

@media (max-width: 480px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 100%;
      margin-top : 2rem;
   }
   .cccActivity
   {
      order : 2;
   }
   .cccNews
   {
      order : 1;
   }
   .cccAwards
   {
      order : 3;
   }
}
@media (min-width: 481px) and (max-width: 767px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 100%;
      margin-top : 2rem;
   }
   .cccActivity
   {
      order : 2;
   }
   .cccNews
   {
      order : 1;
   }
   .cccAwards
   {
      order : 3;
   }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 31%;
   }
}
@media (min-width: 980px) and (max-width:1199px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 31%;
   }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 31%;
   }
}
@media (min-width: 1920px) 
{
   .cccActivity, .cccNews, .cccAwards
   {
      flex-basis: 31%;
   }
}
