* {
  box-sizing: border-box;
}

body { margin:0 auto;padding:0;max-width:1200px;background-color:#FFF; }

div { border:0px solid #000; }

.topheader { position:relative;clear:both;padding:0; }

.topheader-logo { padding:0 0.3em;margin:0; }
.topheader-logo img {
    max-width: 100%;
    height: auto;
}

.topmenu { padding:0 0.3em; }

.columns-container {  
  display: flex;
}

/* Left column */
.left-column {   
  flex: 70%;
  padding:1em;
}

/* Sidebar/right column */
.right-column {
  flex: 30%;
  padding:1em;
}

.footer { position:relative;clear:both;padding:1em 0.3em; }

/* Fake image, just for this example */
.fakeimg {
  background-color:#aaa;
  width:100%;
  padding:20px;
  margin-bottom:30px;
}
figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
	display:block;max-width:100%;height:auto
}

/* MEDIA QUERIES */
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
/* @media screen and (max-width: 46em) { */
@media screen and (max-width: 48em) {
  .columns-container {   
    width: 100vw;
    display:block;
  }
}