.speaker {
  color: black;
  font-size: 13px;
}

.agendaclass {
  padding-top: 20px;
  padding-bottom: 20px;
}

.speakerblocks {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #FFFFFF;
  border: solid #DB3069 4px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bio {
  text-align: left;
}

.gototop {
  color: black;
  text-decoration: none;
  text-align: right;
  float: right;
}

.speakercontainer {
  background-color: #0D0D0D;
  padding-top: 80px;
  padding-bottom: 20px;
  color: #FFFFFF;
}

.about {
  color: #0D0D0D;
  font-size: larger;
}

.speech {
  color: #0D0D0D;
  font-size: x-large;
}

.jumbotron-footer {
  color: white;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #13365e;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 90%;
}

.aref:link {
  color: white;
  width: 100%;
  text-decoration: none;
  font-size: 50%;
  line-height: 50%; 
}

.aref:visited {
  color: white;
  width: 100%;
  text-decoration: none;
  font-size: 50%;
  line-height: 50%;
}

.prod-col {
  background-color: #1F4C73;
}

@media only screen and (max-width: 600px){
.text-block {
  position: absolute;
  top: 25px;
  left: 0px;
  background-color: #050505;
  opacity: 0.7;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 70%;
}
}

@media only screen and (min-width: 601px)
.text-block {
  position: absolute;
  top: 25px;
  left: 0px;
  height: 60px;
  background-color: #050505;
  opacity: 0.7;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 150%;
  font-weight: bold;
}
}

.crop{
  width: 100px;
  height: 100px;
  border: solid 4px;
}

.register{
  background-color: #13365e;
  color: white;
  border-color: #13365e;
}


.coursetable{
  text-align: left;
  color: black;
  border: 1px solid black;
  background-color: #e7e7e7;
  padding-top: 10px;
  padding-bottom: 10px;
}

.coursedetail{
  text-align: left;
  font-size: 90%;
  padding-left: 10px;
  padding-right: 10px;
}

.courseblock{
  text-align: left;
  font-size: 90%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.stata {
  border-color: #1F4C73;
}

.qdaminer{
 border-color: #E88228;
}

.wordstat{
 border-color: #28803D; 
}

.arbutus{
 border-color: #DB4B29; 
}

.transfer{
 border-color: #3A5995; 
}

@media only screen and (min-width: 769px) and (max-width: 1040px) {
  .imgcol {
    width: 106px;
    height: 106px;
  }
  .courseolc{
    width: 450px;
  }
  .coursedate{
    width: 150px;
  }
    .coursereg{
    width: 63px;
  }
  .coursetable{
    width: 769px;
  }
}

@media only screen and (min-width: 1041px) {
  .imgcol {
    width: 106px;
    height: 106px;
  }
  .courseolc{
    width: 720px;
  }
  .coursedate{
    width: 150px;
  }
    .coursereg{
    width: 64px;
  }
  .coursetable{
    width: 1040px;
  }
}

.navsugm {
  width: 100%;
}