* {
  box-sizing: border-box;
}

.main {
  text-align: center;
}



.logo p {
  text-transform: uppercase;
  font-family: 'Thasadith', sans-serif;
  /*font-size: 1.5em;*/
  font-size: 2em;
  font-weight: 300 !important;
  /*letter-spacing: .07em;*/
  letter-spacing: .3em;
  padding: .95em .95em 1.25em .95em;
  margin-bottom: 0px;
}
.navbar-light .navbar-toggler {
  border: none;
}

.alert-link {
  text-transform: uppercase;
  font-weight: normal;
}

.alert-info {
  background-color: #F9F9F9;
  border: none;
  font-size: .9em !important;
  letter-spacing: .07em;
}

.alert-info .alert-link {
  color: #3B8E90;
}

.contactme {
  justify-content: flex-start !important ; 
}


/*
h1 {
  font-family: 'Merriweather', serif;
  font-size: 2.4em;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0em 2em;
}

h2 {
  font-family: 'Quattrocento', serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 15px;
}

h5 {
  font-size: x-small;
  font-family: 'Merriweather', serif;
  margin: 2em 9em;
  color: red;
}
*/

.top {
  border: 1px solid red;
}

.nav {
  justify-content: center;
}

a {
  text-decoration: none;
  color: darkgrey;
}

.nav a {
  text-transform: uppercase;
  color: #b9b9b9;
  font-size: .8em;
  text-decoration: none;
  padding: 1em;
  font-weight: 100;
  letter-spacing: .1em;
}

.nav a:hover {
  transition: 300ms ease;
  color: black;
}

.row.publications {
  margin: 2em;
}

a:hover {
  transition: 300ms ease;
  color: black;
}

#active {
  color: #3B8E90;
}


#content {
  padding: 3em;
  background-color: #F9F9F9;
}

.footer {
  color: darkgrey;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}

.footer a {
  text-decoration: none;
  color: darkgrey;
}

.footer a:hover {
  text-decoration: none;
  color: black;
  transition: 300ms ease;
}

.svg-inline--fa {
  margin-right: 1em;
}

.fa-sm {
  font-size: 1em;
}

.col-sm-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*
.row {
  border: 1px black solid;
}*/

.col {
  border: 1px red solid;
}

.container {
  padding: 1em 5em;
}

.col-sm-12 {
  padding-top: 2em;
}


.col-sm-4 {
  padding: 2em;
}

.col-sm-6 p, .col-sm-12 p{
  text-align: left;
}

.col-sm-6 p:first-of-type{
  margin-top: 1em;
}

.quote {
  font-style: italic;
  color: #888;
  text-align: left;
  margin-left: 3em; 
  padding-left: 1em;
  font-weight: 100;
  border-left: 1px #888 solid ;
  margin-bottom: 0px;
}

p.writing {
  margin-top: 1em;
}

/*

p {

  /* this was noted out before - font-family:   'Quattrocento Sans', sans-serif; */

/*  font-family: 'Merriweather', serif;
  font-size: 1em;
}

*/

.formlabel {
  font-family:   'Quattrocento Sans', sans-serif;
  font-size: 1.1em;
}

.form {
  border: 1px solid #b9b9b9;
  width: 40%;
  background-color: #fafafa;
}




p.publications {
  text-align: left;
}

.subscribe {
  font-family: 'Merriweather', serif;
  font-size: 1.1em;
}

/* mobile only below */
@media only screen and (max-width: 575px) {  
/*  #content {
    background-color: red;
  }*/

/* fixes spacing on about page */
.col-sm-7 {
    padding-top: 15px;
}

/* fixes spacing on contact me page */
.col-sm-6 {
  padding-top:  15px;
}

/* fix text size on contact me page */

.col-sm-6 h6 {
font-size: .7em;
}

/* fixes quote images on index page */ 
  .col-lg-12 img {
    width: 100%;
  }

/* fixes spacing on writing page */

.col-sm-4 img {
  width: 80%;
}



  .logo.desktop, .nav.desktop {
    display: none;
  } 
  .navbar-brand {
    text-transform: uppercase;
    font-family: 'Thasadith', sans-serif;
    font-size: 1.5em;
    font-weight: 300 !important;
    letter-spacing: .07em;
    margin-bottom: 0px;
    margin-right: auto;
  }
  nav a {
    text-transform: uppercase;
    color: #b9b9b9;
    font-size: .8em;
    text-decoration: none;
    padding: 1em 2em;
    font-weight: 100;
    letter-spacing: .1em;
  }
  .nav a:hover {
    transition: 300ms ease;
    color: black;
  }
  /*
  h1 {
    font-family: 'Merriweather', serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0em;
    margin-left: -1em;
  }
  h5 {
    font-size: x-small;
    margin: 2em 1em;
    margin-left: 14em;
  }
  p {
    margin-top: 2em;
  }
  .row p {
    margin-top: 0px;
  }
  */

  .col-sm-12 {
    padding-top: 1em;
  }

  .col-md-7 {
    padding-top:  1em;
  }


  .quote {
    font-style: italic;
    color: #888;
    text-align: left;
    margin-left: 1em; 
    padding-left: 1em;
    font-weight: 100;
    border-left: 1px #888 solid ;
    margin-bottom: 0px;
  }
  .container {
    padding: 1em;
  }
  p.writing {
    margin-top: 1em;
    margin-bottom: 0px;
    font-family: 'Merriweather', serif;
  }
  .col-sm-4 {
    padding-bottom: 0px;
  }
  .form {
    width: 100%;
  }
 .active > .nav-link{
    color: #3B8E90 !important;
  }
}

/* desktop only below */
@media only screen and (min-width: 576px) {  
/*  #content {
    background-color: blue;
  }*/
  .navbar.mobile {
    display: none;
  }
  .col-sm-4 img {
    width: 100%;
  }
}