body{
    font-family: 'Quicksand', sans-serif;
    /*color variables*/
    --white:#FFFFFF;
    --mid-blue:#B1C5DB;
    --light-blue:#b2dbe7;
    --dark-grey:#585d6d;
    --super-dark-grey:hsla(225.7,10.7%,28.6%,1);
    --light-pink:#F7E7DF;
    --dark-pink:#df606a;
    --mid-purple:#E9D3D7;
}
main{
  margin:0 auto;
}
.flex-container{
    display: flex;
    justify-content: center;
    align-items:center;
    max-width: 100%;
}
.container-fluid{
  margin:0 auto;
}
h2{
  text-align: center;
  margin:0 0.5em;
  line-height: 2.5em;
  font-size: 2.5em;
  font-weight:400;
  color:var(--super-dark-grey);
  text-decoration: none;
  display:block;
}
h3{
  color: var(--super-dark-grey);
  line-height: 2em;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  display:block;
}
p{
  color:var(--dark-grey);
  font-size: 1em;
  font-weight: 400;
}
section{
  padding:0em 1em;
  margin: auto;
}
.center{
    margin: 0 auto;
}
.overview{
    margin: 2em 0;
    padding: 0 1em;
    text-align: center;
}
.text{
    text-align: center;
}
button:focus {
    outline:0;
}



/* Header Navbar styles */
.navbar{
    height: 0 auto;
    background-color: var(--white);
}
.navbar-nav{
    margin: 0 auto;
    text-align: center;
    align-items: center;
    align-content: space-between;
}
#topNavContainer .nav-link, .nav-link:visited, .nav-link:active{
    font-size: 1.25em;
    font-weight:400;
    color:var(--dark-grey);
    text-decoration: none;
    display:block;
}
#topNavContainer .nav-link:hover{
    color:var(--dark-pink);
    text-decoration: none;
    transform: scaleX(1.1);
    font-weight: 400;
}
span{
  display: inline-block;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  #topNavContainer .nav-link{
      margin:0 0.70em;
      line-height: 1.5em;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  #topNavContainer .nav-link{
      margin:0 0.70em;
      line-height: 1.5em;
  }
}
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
  #topNavContainer .nav-link{
      margin:0 0.70em;
      line-height: 3em;
  }
}
/* End of Header styling */



/* Footer styling */
footer{
  margin:2em 0;
}
#copywrite{
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color:var(--dark-grey);
}
#bottomNavContainer .nav-link{
    margin:0 0.75em;
    line-height: 3em;
    font-weight:400;
    color:var(--dark-grey);
    text-decoration: none;
    font-size: 1em;
    display: block;
}
#bottomNavContainer .nav-link:hover{
  color:var(--dark-pink);
  text-decoration: none;
  transform: scaleX(1.1);
  font-weight: 400;
}
footer small{
  padding:1.5em 0;
}
.bottom-links a{
  margin:0 0.75em;
  line-height: 3em;
  font-weight:400;
  color:var(--dark-grey);
  text-decoration: none;
  font-size: 1.25em;
  display:flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.bottom-links a:hover{
  color:var(--dark-pink);
  text-decoration: none;
  transform: scaleX(1.1);
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  #bottomNavContainer .navbar-nav{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #bottomNavContainer .nav-link{
      margin:0 0.75em;
      line-height: 2em;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  #bottomNavContainer .navbar-nav{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #bottomNavContainer .nav-link{
      margin:0 0.75em;
      line-height: 2em;
  }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  #bottomNavContainer .navbar-nav{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
/* End of Footer styling */



/* Jumbotron styling */
.jumbotron-index {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: auto;
  background-size: auto;
  min-height: 600px;
  justify-content: center;
  align-items: flex-start;
}
#jumbotronIndex{
    background-image: url("images/womanSea.jpg");
}
.jumbotron {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: auto;
  background-size: cover;
  height: 250px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#jumbotronPatients{
    background-image: url("images/beachNine.jpeg");
}
#jumbotronEducation{
    background-image: url("images/beachThree.jpg");
}
#jumbotronArticles{
    background-image: url("images/beachFive.jpg");
}
#jumbotronContact{
    background-image: url("images/beachEight.jpeg");
}
#jumbotronDeclaration{
    background-image: url("images/beachTwo.jpg");
}
h1{
    text-align: center;
    color: var(--super-dark-grey);
    font-size: 4em;
    line-height:5em;
}
.lead{
    text-align: center;
    font-size: 1em;
    margin: 0 1em;
    color: var(--super-dark-grey);
}
.lead p span{
    display: inline-block;
    color: var(--super-dark-grey);
}
/* End of Jumbotron Styling */



/* About section styling */
#about{
    max-width: 1300px;
    margin: 0 auto;
}
#about-content{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#aboutSarah{
    margin: 0 1em;
}
#memberships{
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 3em auto;
    color: var(--dark-grey);
    font-weight: 400;
}
#profileImage{
    display: block;
    align-self: flex-start;
    min-width:250px;
    border-radius: 50%;
    margin: 0 auto;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  #aboutSarah{
      text-align: center;
      padding-top: 3em;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  #aboutSarah{
      text-align: center;
      padding-top: 3em;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
  #aboutSarah{
      padding-top: 3em;
  }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
    #aboutSarah{
        text-align: left;
        padding-top: 1em;
    }
}
/* End of About section styling */


/* Index page Card section styling */
#cardContainer{
    background-color: var(--light-pink);
    padding:3em;
    text-align: left;
}
.card-deck{
    display: flex;
    justify-content: center;
    align-content: space-around;
}
.card{
    min-width: 250px;
    max-width: 400px;
    margin:1em;
}
.card-title{
  text-align: left;
  color: var(--super-dark-grey);
}
div.card-body.index-body{
  border: none !important;
}
#cardContainer a{
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
    color:var(--dark-grey);
    text-decoration: none;
    font-size: 1.1em;
    display: block;
}
#cardContainer a:hover{
    color:var(--dark-pink);
    text-decoration: none;
    font-weight: 400;
}
/* End of Index page Card section styling */


/* Patient page Jane section styling */
p#janeButton{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}
button.janebtn{
  border: 2px solid var(--mid-blue);
  border-radius: 5px;
  background-color: var(--white);
  color:var(--dark-grey);
  padding: 0.5em;
  text-decoration: none;
  text-align: center !important;
}
button.janebtn:hover{
  color: var(--dark-pink);
  text-decoration: none;
  border: 2px solid var(--dark-pink);
}
#janeCard{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}
div.janeTop{
  border-top: 2px solid var(--dark-pink);
}

#janeImg{
  display: block;
  align-self: flex-start;
  width:250px;
  border-radius: 50%;
  margin: 0 auto;
}
.bbc-link, .bbc-link:hover, .bbc-link:focus, .bbc-link:active{
      color: var(--dark-pink);
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  div.janeTop{
      width: 100%;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  div.janeTop{
      min-width: 500px;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
    div.janeTop{
      min-width: 700px;
    }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  div.janeTop{
      min-width: 900px;
  }
}
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
    div.janeTop{
      min-width: 1100px;
    }
}
/* End of Patient page Jane Section styling */


/* Patient page accordion styling */
#accordion{
    background-color: var(--light-pink);
}
#accordionContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    flex-direction: column;
    height: auto;
    margin:3em;
    color: var(--dark-grey);
    font-size: 1em;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
}
.accordion-card{
    width:100%;
}
div.card-header{
    background-color: var(--white);
}
div.card-body{
  border-left: 2px solid var(--dark-pink);
  border-right: 2px solid var(--dark-pink);
  border-bottom: 2px solid var(--dark-pink);
}
.btn-link {
    color: var(--dark-grey);
    background-color: var(--white);
    border: 2px solid var(--mid-blue);
    font-size: 1.25em;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
    display: block;
}
.btn-link:hover, .btn-link:focus, .btn-link:active, button[aria-expanded="true"]{
    color: var(--dark-pink);
    border: 2px solid var(--dark-pink);
    background-color: var(--white);
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
    font-size: 1.25em;
    display: block;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  .accordian-card{
      width: 100%;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  .accordian-card{
      min-width: 500px;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
    .accordian-card{
      min-width: 700px;
    }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  .accordian-card{
      min-width: 900px;
  }
}
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
    .accordian-card{
      min-width: 1100px;
    }
}
/* End of Patient page accordion styling */


/* Patient page info styling*/
.patientInfo{
    margin: 0 auto;
    padding-bottom:2em;
}
.article{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.modalButton{
    border: 2px solid var(--mid-blue);
    background-color: var(--white);
    color:var(--dark-grey);
    margin: 0.5em;
}
.modal-header{
    background-image: url("images/modalHeaderBackground2.jpeg");
    color:var(--dark-grey);
}
#patientSuggestions p a{
  color: var(--dark-pink);
  text-decoration: none;
}
#patientSuggestions p a:hover{
  color: var(--dark-pink);
  text-decoration: underline;
}
button.btn.modalButton, button.btn.modalButton a{
  color: var(--dark-grey);
  text-decoration: none;
}
button.btn.modalButton:hover, button.btn.modalButton a:hover {
  color: var(--dark-pink);
  text-decoration: none;
  border: 2px solid var(--dark-pink);
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  #patientSuggestions{
      text-align: center;
  }
  .patientInfo{
      display: flex;
      flex-direction: column;
  }
  .article{
      margin-bottom: 1em;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  #patientSuggestions{
      text-align: center;
  }
  .patientInfo{
      display: flex;
      flex-direction: column;
  }
  .article{
      margin-bottom: 1em;
  }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  #patientSuggestions{
      text-align: left;
  }
  .article{
      border-right: var(--dark-pink) 1px solid;
      border-bottom: none;
  }
  .patientInfo{
      display: flex;
      flex-direction: row;
  }
}
/* End of Patient page info styling*/


/* Patient Page record styling */
#patientRecords{
    background-color: var(--light-pink);
    padding:1em 1em 2em 1em;
}
#records{
    margin: 0 auto;
    max-width: 1200px;
}
#privacy-link{
  margin-top:2em;
  margin-bottom: 1em;
}
#privacy-policy{
  border: 2px solid var(--mid-blue);
  border-radius: 5px;
  background-color: var(--white);
  color:var(--dark-grey);
  padding: 0.5em;
  text-decoration: none;
}
#privacy-policy:hover{
  color: var(--dark-pink);
  text-decoration: none;
  border: 2px solid var(--dark-pink);
}
/* End of Patient Page record styling */


/* Patient page location maps styling */
#location{
    background-color: var(--white);
}
.map-container{
    max-width: 1300px;
    margin: 0 auto;
}
.map{
    margin: 1em;
    border: 3px solid var(--mid-blue);
}
.map:hover{
    border: 3px solid var(--dark-pink);
}
/* End of Patient page location maps styling */


/* Education table styling */
#eventTable{
    background-color: var(--light-pink);
}
.tableContainer{
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 3em;
}
#tableHeading{
  font-size: 1.3em;
  line-height: 1.5em;
  padding:2em 0;
  display: flex;
  flex-wrap: wrap;
}
tbody{
    background-color: var(--white);
    color: var(--dark-grey);
}
tbody a, tbody a:hover {
    color: var(--dark-pink);
    text-decoration: none;
}
thead{
    background-color: var(--white);
    color: var(--dark-pink);
    font-size: 1.3em;
    line-height: 1.5em;
    padding:2em 0;
    font-weight: 400;
}
div table, thead, tbody, tr, th, td{
    border: 2px solid var(--mid-blue) !important;
    font-weight: 400;
}
th{
    min-width: 200px;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  .tableContainer{
      min-width: 300px;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  .tableContainer{
      min-width: 575px;
  }
}
/* End of Education table styling */


/* Published Resources Styling */
#buttonContainer{
    display: flex;
    justify-content: center;
    padding-bottom: 2.5em;
    margin: 1em auto 0 auto;
}
button.resourcesButtons{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    border: none;
    border-radius:0.5em;
    max-height: 60px;
    margin: 1em;
    max-width: 200px;
    padding:0.75em;
    color: var(--super-dark-grey);
    background-color: var(--white);
    text-decoration: none;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
}
button.resourcesButtons:visited i, button.resourcesButtons:visited span{
    color: var(--dark-pink);
    text-decoration: none;
}
button.resourcesButtons:hover i, button.resourcesButtons:hover span{
    color: var(--dark-pink);
    text-decoration: none;
}
button.resourcesButtons:active i, button.resourcesButtons:active span{
    color: var(--dark-pink);
    text-decoration: none;
}
button#all{
    border: 3px solid var(--dark-pink);
}
button#websites{
    border: 3px solid var(--mid-purple);
}
button#textbooks{
    border: 3px solid var(--mid-blue);
}
button#guidelines{
    border: 3px solid var(--light-pink);
}
button#reviews{
    border: 3px solid var(--light-blue);
}
div.resourcesBox{
    font-size:1em;
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: 0.5em;
    height: auto;
    padding: 1em;
    margin: 0.5em 0;
    text-align: left;
    color: var(--dark-grey);
}
.resourceInfo{
    display: flex;
    flex-direction: column;
    color: var(--dark-grey);
}
.resourceInfo a{
  color: var(--super-dark-grey);
}
.icon{
    float: left;
    padding-right:0.5em;
    margin:none;
    font-size: 1.75em;
    color: var(--dark-grey);
}
div.resourcesBox:visited, div.resourcesBox:hover, div.resourcesBox:active{
  border: 3px solid var(--dark-pink);
}
div.resourcesBox:visited i, div.resourcesBox:visited a, div.resourcesBox:hover i, div.resourcesBox:hover a, div.resourcesBox:active i, div.resourcesBox:active a{
  color: var(--dark-pink);
  text-decoration: none;
}
.websiteBox{
    background: linear-gradient(90deg, var(--white), var(--mid-purple));
    border: 3px solid var(--mid-purple);
}
.textbookBox{
    background: linear-gradient(90deg, var(--white), var(--mid-blue));
    border: 3px solid var(--mid-blue);
}
.guidelineBox{
    background: linear-gradient(90deg, var(--white), var(--light-pink));
    border: 3px solid var(--light-pink);
}
.reviewBox{
    background: linear-gradient(90deg, var(--white), var(--light-blue));
    border: 3px solid var(--light-blue);
}
#publishedResources{
    margin: 2em 0.2em;
    display: flex;
    flex-direction: column;
}
#publishedSection{
    display: grid;
    grid-template-areas:
       "websites textbooks"
       "guidelines reviews";
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,auto);
    max-width: 1100px;
    margin: 0 auto;
    grid-gap: 1em;
}
#websitesSection, #textbooksSection, #guidelinesSection, #reviewsSection{
    align-self: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 auto;
}
#websitesSection{
    grid-area: websites;
}
#textbooksSection{
    grid-area: textbooks;
}
#guidelinesSection{
    grid-area: guidelines;
}
#reviewsSection{
    grid-area: reviews;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
   #publishedSection{
      grid-template-areas:
          "websites"
          "textbooks"
          "guidelines"
          "reviews";
      grid-template-columns: 1fr;
      grid-template-rows: repeat(4,auto);
   }
   div.resourcesBox{
     width: 300px;
   }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  #publishedSection{
      display: grid;
     grid-template-areas:
          "websites"
          "textbooks"
          "guidelines"
          "reviews";
     grid-template-columns: 1fr;
     grid-template-rows: repeat(4,auto);
  }
  div.resourcesBox{
    width: 500px;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
  #publishedSection{
    display: grid;
     grid-template-areas:
         "textbooks websites"
         "guidelines reviews";
     grid-template-columns: repeat(2,1fr);
     grid-template-rows: repeat(2,auto);
  }
  #textbooksSection, #guidelinesSection{
    justify-content: flex-end;
  }
  #websitesSection, #reviewsSection{
    justify-content: flex-start;
  }
  div.resourcesBox{
    width: 350px;
  }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  div.resourcesBox{
    width: 475px;
  }
}
@media only screen and (min-width: 1400px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
}

/* End of Published resources Styling */

/* Contact Page Styling */
#contactHeading{
  font-size: 1.5em;
  padding-top: 1.5em;
}
#contactForm{
    text-align: center;
    background-color: var(--light-pink);
}
.text-xs-center {
    text-align: center;
}
.g-recaptcha {
    margin:1em 0 2em 0;
    display: inline-block;
}
#message{
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 1em;
}
input[type=text], select, textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}
#submitButton {
    background-color: var(--mid-blue);
    color: var(--white);
    padding: 0.5em;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: center;
    font-size: 2em;
    font-weight: 400;
}
#submitButton:hover{
    background-color: var(--dark-pink);
}
.formContainer {
    border-radius: 5px;
    padding-bottom: 3em;
    max-width: 1000px;
    margin: 0 auto;
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  .formContainer {
        min-width: 300px;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  .formContainer {
        min-width: 550px;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
  .formContainer {
        min-width: 700px;
  }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  .formContainer {
        min-width: 900px;
  }
}
/* End of Contact Page Styling */

/* Declaration styling */
#declarationWrapper{
    margin: 0 auto;
    color: var(--dark-grey);
    padding: 2em 1em 0em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    flex-direction: column;
    font-size: 1em;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-weight:400;
}
p#drButtons{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
  font-size: 1.35em;
}
button.sarahGrayBtn, button.janeDavisBtn{
  border: 2px solid var(--mid-blue);
  border-radius: 5px;
  background-color: var(--white);
  color:var(--dark-grey);
  padding: 0.5em;
  text-decoration: none;
  text-align: center !important;
}
button.sarahGrayBtn:hover, button.janeDavisBtn:hover, button.sarahGrayBtn:active, button.janeDavisBtn:active, button.sarahGrayBtn[aria-expanded="true"], button.janeDavisBtn[aria-expanded="true"]{
  color: var(--dark-pink);
  text-decoration: none;
  border: 2px solid var(--dark-pink);
}
#doctorCard{
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: space-around;
}
div.doctorTop{
  border-top: 2px solid var(--dark-pink);
}
@media only screen and (max-width: 600px) { /* Extra small devices (phones, 600px and down) */
  div.doctorTop{
      width: 100%;
  }
  p#drButtons{
    flex-direction: column;
  }
  button.sarahGrayBtn{
    margin: 0 0 1em 0;
  }
}
@media only screen and (min-width: 600px) { /* Small devices (portrait tablets and large phones, 600px and up) */
  div.doctorTop{
      min-width: 500px;
  }
  p#drButtons{
    flex-direction: row;
  }
  button.sarahGrayBtn, button.janeDavisBtn{
    margin: 0 2em;
  }
}
@media only screen and (min-width: 768px) { /* Medium devices (landscape tablets, 768px and up) */
    div.doctorTop{
      min-width: 700px;
    }
}
@media only screen and (min-width: 992px) { /* Large devices (laptops/desktops, 992px and up) */
  div.doctorTop{
      min-width: 900px;
  }
}
@media only screen and (min-width: 1200px) { /* Extra large devices (large laptops and desktops, 1200px and up) */
    div.doctorTop{
      min-width: 1100px;
    }
}
/* End of declaration styling */