/* reset default */
* {margin: 0; padding: 0; }
html {scroll-behavior: smooth;}

/* Dimensions/Sizing CSS */

.container{
  width: 1000px!important;
  margin: auto;
}
.section{
  padding-top: 50px;
  padding-bottom: 0px;
}

.footer{height:100px;}
.event{margin-bottom:30px!important;}
.citations{margin-top:30px;}
.blog{padding-bottom:50px!important;}

.portfolio-row {
    min-height:500px;
    padding-bottom:20px;
}

/* Text CSS */
p{font-family: 'Quicksand', sans-serif;
  font-size:1em;}

.about p {color: white;}
.centered p{text-align: center;}
.main p{text-align: right;}
.art p{text-align: left;}
.footer .floatright{float: right; }
.footer .floatleft{float: left; }
.research p{margin:0!important;}
.research span{color:#7F0F5D;}
.footer p{padding-top: 8px; color: gray; margin:0!important;}

.about h1{color: white;}

h1{
  font-family: 'Quicksand', sans-serif;
  padding-top:20px;
  padding-bottom:20px;
  font-size:3em!important;
  color: #7F0F5D;
}
h2{
  font-family: 'Quicksand', sans-serif;
  padding-top:20px;
  padding-bottom:20px;
  font-size:2em!important;
  color: #7F0F5D;
}

.fa {font-size:2.5em;}
.fa:hover{color:#bcebe0;}

a{color:#7F0F5D;text-Decoration:none;}
a:hover{color:gray;}
.about a{color:white!important;}
.blog a{color:#7F0F5D!important;}
.navbar a{color:gray!important; text-Decoration:none;}
.navbar a:hover{color:black!important;}

/* Images CSS */
img{max-width:100%;}
.self img{margin-top:60px; display: block; margin-left: auto; margin-right: auto; height:250px; border-radius: 250px;}
.promo img{ max-height:125px;}
.logo{
    margin:auto;
    display:block;
    width:75px;
    height:75px;
    border:1px solid white; 
    border-radius: 200px;
}
/*.logo:hover{transform: rotate(180deg);}*/
.research img{max-width:50px;max-height: 50px;margin:auto;display:block;}
.Rutgers img{margin-left: 25%;}
.publications img{max-height:100%;width:100%;padding-bottom:20px;}
.art img{  
  max-width:100%; 
  border-radius: 5px;
  margin-bottom:20px;}
.portfolio-row img {
  max-width:100%; 
  max-height:400px;
}

  
/* Background Colors CSS */

.about{  background-color:#7F0F5D;
    /*background-image: url(img/memphviz_banner.png); */
    background-repeat: no-repeat; 
    background-position: center; 
    background-size:cover;
    padding-bottom:20px;
}
/*.text-visibility{background-color: rgba(0, 0, 0, 1); padding:10px; border-radius: 5px;}*/
.research{ background-color: white;}
.publications{  background-color:white;}
.art{  background-color:white;}
.contact{  background-color:white;}
.footer{background-color:white;}

.portfolio-row-odd {background-color: #e3f7ff;}
.portfolio-row-even {background-color: #fff0e3;}

.proj{
    background-color:#7F0F5D;
    border-radius: 5px;
    /*margin-left:3px;*/
    margin-bottom:20px;
    padding:15px;
    min-height:310px;
    display:inline-block;
}

.proj img{  
  max-width:100%; 
  border-radius: 5px;
  margin-bottom:15px;
  /*margin:15px;*/
}
  
.proj a{  
  color:white;
  font-weight:bold;
  /*padding-top: 20px;*/
  margin-right:10px;
}

.flair {
    border-radius:10px; 
    border:none; 
    padding-left:8px; 
    padding-right:8px; 
    font-weight:bold;
    margin:2px;
}

.flair-dataviz {background-color:#99FFFC;}
.flair-nightingale {background-color:#AEFFDA;}
.flair-research {background-color:#F8C1CC;}
.flair-award {background-color:#FDEB9B;}

.project-dataviz {display:inline-block;}
.project-nightingale {display:inline-block;}
.project-research {display:inline-block;}
.project-award {display:inline-block;}

.further{
    padding:20px;
    background-color:#bcebe0;
    border:none;
    border-radius:10px; 
}

.charmera img{
}

@media only screen and (max-width:769px) {
    
.container{
  width: 100%;
  max-width:300px!important;
}

.main p{text-align:left;}
.logo{display:none;}
#LEGO_Process{width:100%;}
.proj{min-height:100px;}

}