@font-face {src: url('fonts/PTSans-Bold.ttf');
font-family: ptsans-bold;}
@font-face {src: url('fonts/PTSans-Regular.ttf');
font-family: ptsans;}
@font-face {src: url('fonts/PTSans-BoldItalic.ttf'); 
font-family: ptsans-bolditalic;}
@font-face {src: url('fonts/PTSans-RegularItalic.ttf'); 
font-family: ptsans-italic;}

* {
  box-sizing: border-box;
}


body {
    font-family: ptsans, Arial, sans-serif;
font-size: 1em;
color: #000;
background-color: #fff;
margin: 0;
margin-bottom: 50px;
padding:20px;}


#wrapper { 
max-width:1200px;
    margin: 0 auto;
    border: 1px solid #000;
   
}

img {max-width: 100%; height: auto;}

.introimage {width: 250px; height: auto;padding:10px;
margin: 0 auto; text-align: center;}

.center {text-align: center; 
    border-right:1px solid #000;}


header {
  text-align: center;
  font-size: 30px;
  color: #274a58;
  font-weight: bold;
     padding:0;
}

header p {padding: 10px 0;}

.headerpicture {
    width:1200px;
    height: auto;
}
.italic {font-family: ptsans-italic;}
.bold {font-family: ptsans-bold;}

section.first-row aside, section.second-row aside, section.workshops aside {
  float: left;
  width: 22%;
}


section.second-row aside, 
section.workshops aside  {
  text-align: right;
  color: #274a58;
  font-weight: bold;
  padding: 10px;
  line-height: 1.3;
}


section.first-row article, section.second-row article, section.workshops article {
float: left;
  padding: 20px;
  width: 78%;
}


section.first-row {
border-bottom: 1px solid #000; 
border-top: 1px solid #000;
padding: 10px 0;
}

section.second-row article, section.workshops article {
padding: 10px 0;
}

section.first-row:after, section.second-row:after, section.workshops:after {
  content: "";
  display: table;
  clear: both;
}

footer {
  padding: 30px;
  text-align: center;
}

aside h4 {padding-top:10px;}

.centerfooter {text-align: center;
border-bottom:1px solid #000;
border-top:1px solid #000;}

section.poster {padding: 0;}
section.poster article {padding: 20px 0;}

section.poster h2{font-size: 25px;
color: #274a58;}


/* ============== Tables =============== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-left:1px solid #000;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0 10px 10px 10px;
  overflow: hidden;
  list-style: none;
  border-right: solid 1px #000;
    font-size: 16px;
}

.Rtable-cell--head {padding-bottom:0;}

.secondrow
{
      background: rgba(112, 128, 144, 0.2);

}
.Rtable-cell > h3{
  margin: 0;
padding: 10px 0 0 0;    
    text-transform: uppercase;
}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}


footer a {color: #fff;
background-color: #005e7a;
padding:5px;text-decoration: none;
font-family:  ptsans-italic;}
footer a:hover {color: #ccc;}

/*========= mq ==========*/

@media all and (max-width: 768px) {
    
    
section.first-row aside, section.first-row article, 
section.second-row aside, section.second-row article,
section.workshops aside, section.workshops article
     {
    width: 100%;
    height: auto;
  }
    
  .Rtable--collapse {display: block; }
  .Rtable-cell { width: 100% !important; border-right: solid 0px #000;}
  .Rtable-cell--foot { margin-bottom: 1em; }
  .Rtable {border-left:0px solid #000;
} 


section.second-row aside, 
section.workshops aside  {
  text-align: left;
  font-size: 25px;
}
footer {
  padding: 8px 0;
}
    
    
}