@font-face {
  font-family: 'Troutwood';
  src: url('Troutwood.otf');
}

:root {
  --primary: #1EB86E;
  --primary-pressed: #1CAA66;
  --primary-hover-color: #f5fdfc;
  --third-color: #616a75;
  --primary-text-color: #425667;
  --secondary-text-color: #723011;
  --background-color: #F0F6F7;
}

.tm-8 {
  margin-top: 8px;
}

html,
body {
    color: var(--primary-text-color);
    padding-top: 70px !important;
}

html body .bg-white {
  background-color: white !important;
}

body {
  letter-spacing: 0.8px;
  background-color: var(--background-color) !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0px;
  background-color: white !important;
}

.index body {
  overflow-x: hidden;
}

body.noscroll {
  position: fixed;
  overflow: hidden;
}

#section-1{
  background-image: url("./img/header-img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -8%;
}

#book-title{
    font-weight: 600;
    font-size: 36px;
    color: #185B2F;
}

#money-1{
  position: absolute;
  max-width: 10%;
  z-index: -1;
}

#money-2{
  position: absolute;
  max-width: 20%;
  right:0;
  z-index: -1;
}

#troutwood-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  max-width: 60%;
}

#both-books{
  max-width: 60%;
  margin-top: 7%;
}

.review{
  max-width: 80%;
}

.amazon{
  max-width: 30%;
  margin-top: 5%;
}

#section-2-container{
	margin-top: 8%;
    margin-bottom: 50px;
    display:flex;
    flex-direction: row;
    align-items: center;
}

#ms-1-image{
  max-width: 83%;
}

#section-2-text{
    display:flex;
    flex-direction: column;
    margin: 50px;
    align-items: left;
    text-align: left;
    max-width: 50%;
}

#section-2-image{
  display: flex;
  justify-content: center;
}

#section-3-container{
	margin-top: 5%;
    margin-bottom: 50px;
    display:flex;
    flex-direction: row;
    align-items: center;
}

#ms-2-image{
  max-width: 80%;
}

#section-3-text{
  display:flex;
  flex-direction: column;
  margin: 50px;
  align-items: left;
  text-align: left;
  max-width: 50%;
}

#section-3-image{
  display: flex;
  justify-content: center;
}

#section-4-container{
  margin-top: 5%;
}

.award-link{
  color: #185B2F !important;
}

.award-link:hover{
  color: #9CC44E !important;
}

#quote-container{
  margin-top: 3%;
  margin-bottom: 3%;
}

.left-line{
  margin-right: 20px;
}

.right-line{
  margin-left: 20px;
}

#ms-quote{
  text-align: center;
  color: #848686;
}

#cardinal-rule{
  text-align: center;
  color: #185B2F;
  margin-bottom: 3%;
}

.quote{
  color: #E15C49;
  font-size: 40px;
}

#bio-container{
  background: #FFFFFF;
  box-shadow: 0 4px 17px 0 rgba(0,0,0,0.50);
  border-radius: 62px;
  margin-top: 6%;
  margin-bottom: 10%;
}

#bio-content-container{
  display:flex;
  padding: 2%;
  align-items: center;
}

#learn-container{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#learn-more{
  padding: 2%;
  margin-top: -5%;
  display:flex;
  flex-direction: column;
  max-width: 60%;
  margin-left: 10%;
}

#button-container{
  margin:5%;
}

#speaking{
  background: #41BF75;
  box-shadow: 0 6px 16px 0 rgba(0,45,41,0.25);
  border-radius: 29px;
  color: white;
  padding:35px;
  border-style: none;
}

#meet-author{
  font-weight: 600;
font-size: 40px;
color: #185B2F;
text-align: center;
}

#gene-headshot{
  width: 115%;
}

#headshot-container{
  margin: 5%;
}

.bio-text{
  font-weight: 300;
  font-size: 14px;
  color: #185B2F;
}

.bio-text-dif{
  font-weight: 300;
  font-size: 15px;
  color: #9CC44E;
}

#bio-name{
  font-weight: 600;
  font-size: 35px;
  color: #185B2F;
  text-align: left;
  margin-bottom: 20px;
}

#text-container{
  display:flex;
  flex-direction: column;
  justify-content: center;
  margin: 3%;
}

#ms-app-title{
  font-weight: 500;
  font-size: 40px;
  color: #185B2F;
}

#ms-app-text{
  font-weight: 300;
font-size: 18px;
color: #185B2F;
}

#dw-app-text{
  font-weight: 400;
font-size: 18px;
color: #185B2F;
margin-top: 50px;
}

.app-button{
  max-width: 30%;
}

#phone-img{
  max-width: 85%;
}

#section-app-container{
  margin-bottom: 50px;
  margin-left: 15%;
  display:flex;
  flex-direction: row;
  align-items: center;
}

#section-app-text{
  max-width: 100%;
}

#ms1-text{
  color: #6A7B7E;
}

#ms2-text{
  color: #6A7B7E;
}

#download{
  max-width: 34%;
  margin-left: 50px;
}

#filler{
  height: 200px;
}

#ms-title {
  font-weight: 600;
  font-size: 42px;
  color: #185B2F;
  text-align: center;
  margin-top: 26%;
}

#ms-desc{
  font-weight: 300;
font-size: 20px;
color: #185B2F;
text-align: center;
line-height: 39px;
}

/* For extremely small screen devices (595px and below) */
@media only screen and (max-width: 595px) {


#download {
    max-width: 55%;
    margin-left: 25px;
}

#filler {
    height: 100px;
}

#troutwood-app{
  font-size: 1.0rem;
}


#troutwood-title{
  max-width: 100%;
  margin: 5%;
}

#section-1{
  background-image: none;
  margin-top: -15%;
}

#both-books{
  max-width: 95%;
}

#cardinal-rule{
  font-size: 18px;
}
.left-line{
  margin-right: 5px;
}

.right-line{
  margin-left: 5px;
}

.quote{
  font-size: 25px;
}

#ms-quote{
  font-size: 16px;
  line-height: 25px;
}

#section-2-container{
  flex-direction: column-reverse;
}

#ms-1-image{
  max-width: 70%;
}

#ms-2-image{
  max-width: 70%;
}

#money-2{
  max-width: 35%;
}

#money-1{
  max-width: 15%;
}

#section-2-text{
  text-align: center;
  max-width: 75%;
}

#section-app-text{
  max-width: 75%;
}

.review{
  max-width: 100%;
}

.amazon{
  max-width: 70%;
}

#section-3-container{
  flex-direction: column;
  margin-bottom: 0px;
}

#section-3-text{
  text-align: center;
  max-width: 75%;
}

#section-2-text{
  margin: 5px;
}

#section-app-container{
  flex-direction: column-reverse;
  margin-left: 0%;
}

#phone-img{
  max-width: 80%;
}

#ms-app-title{
  font-size: 28px;
  text-align: center;
}

ul{
  text-align: center;
}

.app-button{
  max-width: 50%;
  margin-bottom: 10px;
}

#download-buttons{
  text-align: center;
}

#dw-app-text{
  text-align: center;
}

#meet-author{
  font-size: 18px;
}

#bio-container{
  box-shadow: none;
}

#bio-content-container{
  flex-direction: column;
}

#headshot-container{
  text-align: center;
}

#gene-headshot{
  width: 80%;
}

#bio-name{
  text-align: center;
}

#learn-container{
  flex-direction: column;
}

#learn-more{
  margin-left: 0%;
  max-width: 80%;
}

.bio-text-dif{
  text-align: center;
}

}

/* Small screen devices (600px and above) */
@media only screen and (min-width: 600px) {

  #troutwood-app {
    font-size: 2rem;
  }

}

/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px) {


  #download{
    max-width: 34%;
    margin-left: 50px;
  }

}

/* Big screen devices (889px and above) */
@media only screen and (min-width: 889px) {

}

/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) {



}

@media only screen and (min-width: 1510px) {

  #download{
    max-width: 34%;
    margin-left: 50px;
    margin-top: 250px;
  }

}

@media only screen and (min-width: 1810px) {

  #section-1{
    margin-top: -3%;
  }


}