.navblock, .block, .staffbox, .projectbox {
    background-color: #F9F9F9;
    border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
    clear: none;
    overflow: hidden;
    padding: 10px;
}

.staffbox {
    float: left;
    margin: 3px;
    width: 380px;
    height: 200px;
}

.staffbox:hover {
background-color: #EEEEEE;
}

.projectbox {
    float: left;
    margin: 3px;
    width: 250px;
    height: 600px;
}

.projectbox:hover {
background-color: #EEEEEE;
}

.sitepart {

clear:both

}

.course-fullbox {
 display: flex;
 flex-wrap: wrap;
}

.course-content {
float: left;
padding: 15px;
width: 75%;
box-sizing: border-box;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

}

.course-content-text {
text-align: justify;
padding: 10px 15px 0px 10px;
}

.course-teacher {
float: left;
padding: 15px;
width: 25%;
box-sizing: border-box;
text-align: center;
background: #FFFFFF;
background: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 30%, #DDDDDD 100%);

}


.course-teacher-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
margin-bottom:10px;
}

.course-teacher-info {
font-family: Arial;
font-size: 1em;
text-align: justify;

}




/*
.title {
display: none;
}
*/

.row::after {
  /*content: "";*/
  clear: both;
  display: table;
}

[class*="col-"] {
box-sizing: border-box;  
float: left;
  padding: 15px;
}

/*html {
  font-family: "Lucida Sans", sans-serif;
}*/

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 0px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:2px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}