.custom-col {
    width: 100%; /* mobile first - full width on small screens */
}

@media (min-width: 768px) {  /* medium screens and up */
    .custom-col {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.tweets{
  max-width:400px;
  font-size: 10pt
}
.mybold {
  color:black;
  font-size:13pt;
  font-weight: bold;
}
.ptitle {
  color:black;
  font-size:13pt;
  font-weight: bold;
}
.myname {
  font-size: 30px;
}
.mytitle {
  font-size:20px;
}

.description {
  font-size:16px;
}

.pub-img {
  width:100%; 
  float: left
}
.pub-des {
   margin-left:-20px; 
   margin-top:-11px;
}
#about {
  font-size: 17px;
  max-width:800px;
}

.subsection{
  word-wrap: break-word;
  overflow-wrap:break-word;
}
.opensource{
  margin-top: 30px;
  padding-left: 70px;
}
#news {
  font-size: 17px;
  max-width: 800px;
  margin-left:0px;
}

#service,
#teaching {
  font-size: 16px;
  max-width:700px;
  margin-left:0px;
}

#contact,
.media-heading,
.misc-header,
.long_pub_type {
}
.tab-header {
  font-size: 30px;
}
#sidebar {
  padding-left: 100px;
}
.venue {
  font-size: 12pt
}
.date { 
  font-size: 12pt
}
.award {
  color: #c9170b;
  font-weight: bold;
  font-size: 12pt
}
.resource {
  color:black;
  max-width:200px;
  padding-right: 10px;
  font-size: 10pt;
}

.resource_links {
  color: black;
}

.altmetric-embed {
  margin-left:0px;
  padding-left:70px;
}

.pub_img {
  width: 60%;
}

.inner-container {
  margin-top: -30px;
  max-width:1050px;
  margin-left: auto;
  padding-left: 0px;
  margin-right: auto;
  /*padding-left: 50px;*/
  background-color: white;
}

  .responsive-img {
    width: 50%;
  }

  @media (min-width: 768px) {
    .responsive-img {
      width: 100%;
    }
  }

@media (min-width: 576px) {
.inner-container {
  background-color: white;
}
.pub_img {
  width: 60%;
}
}

@media (min-width: 768px) { 
.inner-container {
  background-color: white;
}
.lociframe {
  width:220px;
  height:130px;
}
}

@media (min-width: 992px) { 
.inner-container {
  background-color: white;
}
.lociframe {
  width:300px;
  height:175px;
}
}

@media (min-width: 1200px) { 
.inner-container {
  background-color: white;
}
.lociframe {
  width:280px;
  height:188px;
}
}

@media (min-width: 1400px) { 
.inner-container {
  background-color: white;
}
.lociframe {
  width:280px;
  height:182px;
}
}

.altmetric-embed {
  margin-left:-60px;
}

.cinfo {
  margin-top:15px;
  margin-bottom: 20px;
}
ul {
  /*list-style: none;*/
  padding-left: 0;
  list-style-position: inside;
  padding-left: 0;
}
.container {
  /*margin-top: -30px;*/
  /*padding: 40px;*/
  max-width: 1150px;
  background-color: white;
  /*background-color: white;*/
}
body {
  font-family: 'Roboto', sans-serif;
  /*font-family: Open Sans;*/
  /*font-family: Roboto;*/
  /*font-family: Montserrat;*/
  /*font-family: Helvetica;*/
  /*background-color: rgb(247,247,247);*/
  background-color: rgb(235,235,235);
  /*background-color:white;*/
  /*background-color: rgb(251,246,240);*/
  /*background-color: white;*/
  /*background-color: rgb(255,255,255);*/
  /*background-color: rgb(252,252,252);*/
  /*background-color: rgb(170,170,170);*/
  /*background-color: rgb(64,64,64);*/
  /*background-color: rgb(212,212,212);*/
  /*background-color: rgb(242,242,242);*/
}
a {
  color:#c9170b;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.2s;
  outline: 0;
}
input::-moz-focus-inner { 
  border: 0; 
}
a:hover {
  color: #a5a5a7;
  text-decoration: none;
}

.auth2,
.auth2 a {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  font-size: 12pt
}

.auth1,
.auth3,
.auth1 a,
.auth3 a {
  font-size: 12pt;
  color:black;
}

.auth1 a:hover,
.auth3 a:hover {
  color: #a5a5a7;
  text-decoration: none;
}
.img-rounded{
  border-radius:10px;
}
#projects {
  font-size: 17pt;
}
.misc-content {
  font-size: 17pt;
}
#contact {
  font-size: 18px;
}
.sidebar {
  background-color: white;
  margin-left: 40px;
  margin-right: 40px; 
}
.tab-content {
  margin-top: -30px;
}

.myphoto {
  max-width:180px;
  /*to center photo*/
  /*display: block;*/
  /*margin-left: auto;*/
/*margin-right: auto;*/
}
.myinfo {
  /*margin-left: -15px;*/
}
.footer {
  text-align: center;
  /*font-size: 12px;*/
}
.thumbnail {
  margin-top: 30px;
  max-width:150px;
}
.abstract{
  display:none;
}
.publist {
  font-size: 17px;
}
figcaption {
  margin-top: -20px;
  text-align: center;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}