/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face{
  font-family: IBM Regular; 
  src: url('//4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/raw_assets/public/Osso/Fonts/IBMPlexSans-Regular.ttf');   
    }

@font-face{
  font-family: IBM Medium; 
  src: url('//4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/raw_assets/public/Osso/Fonts/IBMPlexSans-Medium.ttf');   
    }

@font-face{
  font-family: Quase; 
  src: url('//4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/raw_assets/public/Osso/Fonts/QuaseHeadline-Bold.ttf');   
    }

@font-face{
  font-family: IBM Semi; 
  src: url('//4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/raw_assets/public/Osso/Fonts/IBMPlexSans-SemiBold.ttf');   
    }

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.logoresponsive{
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  margin: 40px auto 0 auto; 
  display: block;"
  }

@media screen and (max-width: 800px){

  .logoresponsive{
  max-width: 50%;
  height: auto;
  vertical-align: middle;
  margin: 40px auto 40px auto; 
  display: block;
  }
}

body{
  width: 100%; 
  margin: 0px; 
  font-family: IBM Regular;   
}

h1 {
  font-size: 70px; 
  font-family: Quase;   
  margin-bottom: 0px; 
}

p{
  font-family: IBM Regular; 
  line-height: 150%; 
  font-size: 20px;  
}

label{
  font-family: IBM Semi;    
  font-size: 12px; 
}

@media screen and (max-width: 800px){

  h1{
    font-size: 40px; 
  } 

  p{
    font-family: IBM Regular; 
    line-height: 150%; 
    font-size: 16px;  
  }  

}


.bodyContainer{
  max-width: 1140px!important; 
  float: none!important; 
  margin: 0px auto!important; 
}


@media screen and (max-width: 1200px){

  .bodyContainer{
    padding-left: 35px; 
    padding-right: 35px; 
  }

}

.mainWrapper{
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: space-between; 
  align-items: flex-start; 
}



.contentContainer{
  max-width: 950px!important; 
  float: none!important; 
  margin: 0px auto!important; 
}


@media screen and (max-width: 1000px){

  .contentContainer{
    padding-left: 35px; 
    padding-right: 35px; 
  }

}


/** Email Preferences */ 

.email__preferences__wrapper{
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  justify-content: flex-start; 
  height: 100vh; 
}

.email__preferences__content{
  flex-basis: 50%;     
}

.email__preferences__image{
  flex-basis: 50%;   
  background-image: url('https://4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/doctorImage.jpg');
  background-size: cover; 
  background-position: center center; 
  background-repeat: no-repeat;   
}

.email__preferences__content__inner{
  margin-left: auto; 
  max-width: 550px; 
  padding-right: 40px; 
  padding-top: 30px;   
  padding-bottom: 30px; 
}


@media screen and (max-width: 800px){

  .email__preferences__wrapper{
    height: auto; 
  }  

  .email__preferences__content__inner{
    margin-left: auto; 
    max-width: 100%; 
    padding-left: 35px; 
    padding-right: 35px; 
  }


  .email__preferences__content{
    flex-basis: 100%;     
  }

  .email__preferences__image{
    flex-basis: 100%;   
    background-image: url('https://4656158.fs1.hubspotusercontent-na1.net/hubfs/4656158/doctorImage.jpg');
    height: 300px; 
  }

}

#email-prefs-form h1{
  font-size: 40px;     
}

.email-prefs p{
  font-size: 16px;     
}

@media screen and (max-width: 1250px){

  .email__preferences__content__inner{
    padding-left: 35px;   
  }

}

.pref__logo{
  display: block; 
  max-width: 250px; 
}


.email-prefs .item{
  border: 1px solid rgb(230,230,230); 
  padding: 10px 25px; 
  border-radius: 6px;  
  margin-top: 15px; 
  margin-bottom: 15px;   
}

.page-header h2{
  color: #9E66FF; 
  font-size: 17px;    
}

#submitbutton{
  background-color: #9E66FF; 
  color: white; 
  text-align: center; 
  padding: 10px 35px; 
  appearance: none; 
  -webkit-appearance: none; 
  font-size: 15px; 
  border: none;   
  border-radius: 6px;    
}



.landerThree__Form label {
  color: #333;
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
}

input[type="email"][inputmode],
input[type="text"][inputmode] {
  background-color: white;
}