body {
    margin: 5px;
	 font-family: Calibri;
    background-color: #ffffff;
	max-width: 800px;
	
}

body.topic{
background-color: #ffffff;
max-width: 800px;
margin-left: auto;
    margin-right: auto;	
 }

1body.topic{
    margin: 5px;
	 font-family: Calibri;
    background-color: #366fb2;
	max-width: 800px;
	
}


a {
    text-decoration: none;
    color: white;
}

a.content {
    text-decoration: none;
    color: RED;
}


h1 {
    font-size:36px;
	font-family: Calibri;
	color: 25b6bb;
	text-align: left;
	margin:10px 3px 0px 3px;
}
}

h2 {
    font-size:20px;
	color: black;
	margin:10px 3px 0px 3px;
}

p {   
    font-size: 14px;
	text-align: left;
}

p.content{ font-size: 18px;
         color:black;
align; left;		 
		 float: left;
		 padding: 10px;
		 font-family: Calibri;
	
		 }


 

pre {
     
    padding: 4px;
    
    font-size: 14px;
    text-align: left;
    background-color: #fff;
}

.info__inner > p > code {
    padding: 0.25em;
    border-radius: 4px;
    border: 1px solid #bbb;
}

hr {
    max-width: 20em;
    margin: 2em auto;
    border: solid #ddd;
    border-width: 1px 0 0;
}

.header {
    padding: 3em 1em;
}

.header > h1,
.header > p {
  margin-top: 0;
  margin-bottom: 0;
}

.info {
  padding: 2em 1em;
  overflow: hidden;
  background-color: #f2f2f2;
}

.info__inner {
  max-width: 30em;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-top: 1em;
  margin-bottom: 1em;
}

@media (max-width: 479px) {
  .col {
    width: 100% !important;
  }
}

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

.menu {
  float: left;
  width: 100px;
  height: 40px;
  margin: 2px;
}

.button-img {
  margin: 0 10px;
  display: inline-block;
}

.slideshow-col {
  min-height: 150px;
}

}
.main {
width: auto;
float: left;
padding: 15px;

}
.infromation-col {
  min-height: 150px;
}