@media (max-width: 768px) {


html, body {
  height: 100%;
  max-width: 1070px;
  width: 100vw;
  min-width: 375px;
}


body {
   margin:0;
  display: flex;
  flex-direction: column;
}

body a {
text-decoration: none;
color: inherit;
}

body a :visited {
text-decoration: none;
color: inherit;
}

.page_header {
height: 200px;	
width: 100vw;
}

.header {
	width: 100%;
}

.header-bar {
background: #fff;
width: 98%;
display: block;
height: 75px;
margin: 0 auto;
max-width: 960px;
}

.logo {
display: block;
}

.logo_pbg {
height: 50px;
padding: 15px 0px;	
}

.header-menu {
float: right;
padding-top: 32px;
color: #545454;
font-family: 'Montserrat', sans-serif;
font-size: 8pt;
}

.header-menu > a:hover {
filter: invert(50%);
background: none;
}

.header_menu_item {
text-decoration: none;
background: none;
color: #545454;
padding: 0px 5px;
}

.banner {
width: 100%;
margin: 0 auto;
max-width: 960px;
position: relative;
background: url(https://pantheonbusinessgroup.com/resources/images/banner.jpg) no-repeat center;
    background-size: auto;
background-size: cover;
height: 125px;
}


.banner-text {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1rem;
text-align: center;
padding: 8px;
min-width: 355px;
line-height: 1;
font-weight: 500;
}


.footer-bar {
	flex-shrink: 0;
    margin-top: 20px;
	background: #468CBF;
    width: 100%;

}

.footer-content {
    width: 75%;
    margin: 0 auto;
    max-width: 960px;
font-family: 'Montserrat', sans-serif;
position: relative;
color: white;
font-size: 8pt;
line-height: 1.4;
padding: 10px 0;
text-align: center;
}


.page-content {
	flex: 1 0 auto;
width: 98%;
margin: 0 auto;
max-width: 960px;
font-family: 'Montserrat', sans-serif;
color: #444;
}

.home_title {
text-align: center;
font-weight: bold;
font-size: 10pt;
padding: 0px;
}

h1 {
padding: 10px;
border-bottom: 1px solid #eee;
font-size: 12pt;
}

.article {
	font-size: 10pt;
	width: 90%;
	margin: auto;
}

.company {
width: 100%;
}

.grid-container {
  display: grid;
  grid-template-columns: 15% 15% 15% 15% 15% 15%;
  grid-gap: 3px 2%;
  //*background-color: #2196F3;*//
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 12px;
  font-family: 'Oswald', sans-serif;
}

.read_more {
  background-color: #c4d3e6 !important;
  border-radius: 3px;
  height: 24px;
  color: #fff;
}

.read_more a{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.line {
  background-color: #000 !important;
  width: 1px;
  height: 15px;
  margin: auto;
}


.tab {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}


.tab button {
  background-color: #c4d3e6;
  float: left;
  border: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  padding: 10px 0;
  margin: 0 1.5% 1.5% 1.5%;
  transition: 0.3s;
  font-size: 7pt;
  width: 30%;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}


.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #468CBF;
  font-weight: bold;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

.company_logo {
width: 50%;

display: flex;
justify-content: center;
align-items: center;
margin: auto;
padding-bottom: 20px;

}

.company_logo img {
margin: auto;
display: block;
max-width: 70%;
max-height: 110px;
}

.company_desc {
width: 90%;
border-top: solid 1px #eee;
font-size: 10pt
}

.web_address {
border-top: solid 1px #eee;
padding-top: 20px;
font-size: 16px;
text-align: center;
}

.back_button {
font-size: 7pt;
padding-left: 2%;
}

@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

}