@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
* {
  box-sizing: border-box;
}
html,
/*
body {
  overflow-x: hidden;  Prevent scroll on narrow devices 
}
*/
body {
  padding: 0;
  margin: 0;
  font-family: "Roboto", Arial, Helvetica, Sans-serif;
  font-size: 1em;
  line-height: 1.428571429;
  color: #333;
  -webkit-text-size-adjust: none;
}

.content-area {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  z-index: -1
}

.columns-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row
}

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

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

 /* FOOTER */
.footer { 
  /* max-width: 1200px; */
  width:100%;
  background-color:#2980B9;
  color:#FFFFFF;
  margin: 0 auto;
  /* display: flex; */
  /* flex-direction: row; */
  /* position:relative; */
  clear:both;
  padding:1em 0.5em;
 }

.footer a:link { text-decoration:none;color:#FFFFFF; }
.footer a:visited { text-decoration:none;color:#FFFFFF; }
.footer a:hover,a:active { text-decoration:none;color:#FFFFFF; }

.footer_navi { width:1200px;margin:0 auto;padding:1em 0.5em; }
.footer_copyright { width:1200px;margin:0 auto;padding:0.5em; }
.footergap{display:none;}
/* FOOTER ENDS */

/* 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) (min-width: 48em) { */
@media all and (max-width: 48em) {
.columns-container {
	flex-direction: column;
	/* width: 100vw;
	display: block */
}
.footergap{ clear:both;display:block; }
}