.panel-default > .panel-heading{
    background-color: rgb(189, 206, 245);
}

#Potter{
    width: 100%;
    
}
#heagerty {
    text-align: center;
    font-size: 125%;
}
.navbar-inverse{
     background-color:rgb(189, 206, 245);
     font-size: 150%;
     font-weight: normal;
 }  
 
.navbar-inverse .navbar-nav  > li >a{
    color: black;
}
.navbar-inverse .navbar-toggle
 {
background-color: lightgray;
} 
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
    background-color: black;
    color: rgb(189, 206, 245);
}


h3{
    text-align: center;
}

.alert{
    width: 100%;
    text-align: center;
    font-size: 75%;
    color: black;
    border: 2px solid rgb(189, 206, 245);
    background-color: lightgray;
}
#DeadLink{
    width: 75%;
    height: 25vh;
    font-size: 200%;
    font-weight: bold;
}

.nav-tabs > li.active > a {
    background: lightgray;
    color: black;
    font-size: 150%;
    font-weight: bold;
    
}
    
.nav-tabs > li > a {
    background: rgb(189, 206, 245);
    color: black;
    font-size: 150%;
    font-weight: normal;
    border-left: 1px solid black;
   
}
/* This changes color of carousel pause and play buttons*/
#carousel-pause{
    background-color: red;
}
#carousel-play{
    background-color: green;
}
body{
    
    background-color: lightgray;
    padding-top: 5.5em;
    padding-bottom: 4.5em;
    font-family: arial;
    }
    
 
#header{
    background-color: rgb(189, 206, 245);
    border-radius: 0;
    margin-bottom: 1%;
    border: 1px solid black;
  }


#titleIndex h1, #titleAbout h1, #titleAntiquity h1, #titleArab h1, #titleBible h1, #titleEgypt h1, 
#titleGreece h1, #titlePrimitive h1, #titleRome h1,  #titleUSA h1, #titleUSbio h1, #titleUSHosp h1, 
#titleUSAjournal h1, #titleUSAEdu h1, #titleUSASoc, #titleUSAstate h1, #titleCanada h1, 
#titleEurope h1, #titleFrance h1, #titleGermany h1, #titleGB h1, #titleEuroOther h1, 
#titleMidwifery h1, #titleMidEuro h1, #titleMidLabor h1, #titleMidPrenatal h1, #titleMidPP h1,
 #titleMidUSA h1, #titleManMidwife h1, #titleGYN h1, #titleGYNDx h1, #titleGYNSpec h1, 
 #titleGYNDis h1, #titleGYNEndo h1, #titleGYNFibroids h1, #titleGYNInf h1, 
#titleGYNCancer h1, #titleGYNMenses h1, #titleGYNortech h1, #titleGYNProlapse h1, #titleGYNVulva h1,
 #titleGYNREI h1, #titleGYNSurg h1, #titleOBS h1, #titleOBSAbn h1, #titleObBleed h1,  #titleObIncar h1,
 #titleObMal h1, #titleOBSPain h1,  #titleOBSFetus h1, #titleObFibroid h1, #titleOBSMM h1, #titleOBSMed h1, #titleOBSOp h1,
#titleObAb h1, #titleOBSSurg h1, #titleMisc h1, #titleMiscAD h1, #titleMiscCan h1,
 #titleMiscCycle h1, #titleMiscElec h1,  #titleMiscEug h1, #titleMiscFashion h1, #titleMiscFeuds h1,#titleMiscLegal h1,
 #titlewomandocs h1, #titleRef h1, #titlepregdx h1, #titleRef-OGHx h1, #titleRefgynusa h1,#titleRefEuroGyn h1, #titleUSASoc h1{
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    
}
h4{
    text-align: center;
    
}
#headerpic{
    margin-top: 0%;
  }

#headerpicCap p{
   
    font-weight: bold;
    text-align: center;
}

#headerpic img{
     border-radius: 0;
     border: 2px solid black;
}


#feature h2{
    font-size: 150%;
    text-align: center;
}
#feature p{
    font-size: 115%;
    text-align: justify;
}
#feature img{
      float: left;
      width: 25%;
      margin-right: 1%;
      margin-bottom: 0%;
      border: 2px solid black;
      
  }


#readings, #links{
    width: 100%;
    margin: 2.5% 0 0 0;
    background-color: transparent;
    padding: 0;
}

#readings ul, #links ul{
    list-style: inside;
    list-style-type: none;
    margin: 0;
    padding:0;
    text-align: left;
   
}
#readings a, #links a{
    padding:1%;
    font-size:115% ;
    color: black;
   
}

#readings a:hover, #links a:hover{
    color: rgb(189, 206, 245);
    text-shadow: 1px 1px black;
}


#thumbs img{
    border-radius: 0;
    border: 2px solid black;
    margin-bottom: 2%;
}
.statelist{
    font-size: 125%;
    font-weight: bold;
    padding-top: 2%;
    height: 40vh;
    border: 1px solid black;
    border-radius: 0;
    background-color: rgb(189, 206, 245);
   
}
.statelist a{
    color: black;
    margin-left: 25%;
}
.statelist a:hover{
    color: lightgray;
}

#footer{
    width: 100%;
    background-color:black;
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
   
}
#footer p{
    text-align: center;
}
.carousel-caption{
    border: 2px solid rgb(189, 206, 245);
    background-color: rgb(189, 206, 245);
    color: black;
    padding: 0;
    margin: 0;
    font-size: 75%;
    
    
}

@media only screen and (min-width: 768px){
body{
    padding-top: 8em;
} 
.navbar-inverse{
     
     font-size: 100%;
     font-weight: bold;
 }  
 .nav-tabs > li.active > a {
    background: lightgray;
    color: black;
    font-size: 125%;
    font-weight: bold;
    
}
    
.nav-tabs > li > a {
    background: rgb(189, 206, 245);
    color: black;
    font-size: 125%;
    font-weight: normal;
    border-left: 1px solid black;
   
}
#headerGYNSurg{
    margin-top: 0%;
    
  }  
#titleUShosp{
    margin-top: 12%;
}
#titleIndex h1{
    font-size: 200%;
 
}
#headerpic{
    margin-top: 0%;
    text-align: center;
}
#feature h2{
    font-size: 200%;
    text-align: center;
}


#feature p{
    font-size: 125%;
}  
#readings a, #links a{
    padding:1.5%;
    font-size:150% ;
    
}

#thumbs{
    background-color: transparent;
    padding-top: 1%;
} 


.statelist a{
    
    margin-left: 25%;
}

.alert{
   
    font-size: 100%;
    
}

.carousel-caption{
    
    font-size: 100%;
    width: auto;
}
}


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


#headerpic{
    margin-top: 2.5%;
}

#titleRefEuroGyn h1{
    padding-top: 1%;
    font-size: 200%;
}


#titleEurope h1, #titleIndex h1, #titleObIncar h1, #titleGYN h1, #titleObMal h1,#titleGYNortech h1,#titleRef h1,
#titleRefgynusa h1{
    padding-top: 3%;
    font-size: 200%;
}

 #titleGYNSpec h1,#titleGB h1,#titleUSA h1, #titleMidLabor h1,#titleMidPP h1 , 
 #titleMidwifery h1, #titleMiscFashion h1,#titleOBSMed h1, #titlewomandocs h1, #titleOBSSurg h1,
 #titleRef-OGHx h1, #titleUSASoc h1, #titleUSAstate h1, #titleUSAEdu h1 {
    padding-top: 5%;
    font-size: 200%;
}
#titleUSAjournal h1, #titleAntiquity h1,#titleBible h1, #titleCanada h1,  #titleEgypt h1,  #titleEuroOther h1, 
#titleFrance h1,   #titleGreece h1, #titleGYNDx h1, #titleGYNInf h1, #titleGYNMenses h1, #titleGYNProlapse h1, #titleGYNSurg h1,
 #titleManMidwife h1,#titleMidEuro h1,  #titleMidPrenatal h1, #titleMidUSA h1,  #titleMiscAD h1,#titleMiscElec h1,
 #titleMiscEug h1, #titleMiscFeuds h1, #titleMiscLegal h1,#titleObAb h1,#titleOBSAbn h1,#titleObBleed h1,
 #titleObFibroid h1, #titleOBSFetus h1,  #titleOBSMM h1,#titleOBSOp h1,  #titlepregdx h1, 
 #titlePrimitive h1, #titleOBS h1{
      padding-top: 7%;
       font-size: 200%;
 } 
 
#titleArab h1, #titleAbout h1,  #titleGYNDis h1, #titleGYNFibroids h1,  
 #titleMiscCan h1{
     padding-top: 8%;
     font-size: 200%;
 }
 
 #titleOBSPain h1, #titleUSHosp h1
 {
     font-size: 200%;
     padding-top: 9%;
 }
 
  #titleGYNEndo h1, #titleGYNCancer h1,  
#titleGYNVulva h1,  #titleMiscCycle h1{
     font-size: 200%;
     padding-top: 10%;
     
 }
 
  #titleGYNREI h1{
   font-size: 200%;
    font-weight: bold;
    padding-top: 12%;
    
}


.statelist{
    font-size: 125%;
    font-weight: bold;
    padding-top: 2%;
    height: 42vh;
    border: 1px solid black;
    border-radius: 0;
    background-color: rgb(189, 206, 245);
   
}
.statelist a{
    
    margin-left: 30%;
}

.alert{
    
    font-size: 125%;
    
}

.carousel-caption{
    
    font-size: 125%;
   
}
}

@media only screen and (min-width: 1160px){
body{
    padding-top: 5em;
   
    }    

.navbar-inverse{
     
     font-size: 125%;
     font-weight: normal;
 }  
 
#titleRefEuroGyn h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 2%;
    text-align: center;
}


 #titleGYNREI h1, #titleIndex h1, #titleObIncar h1, #titleGYN h1,#titleGYNortech h1,#titleRef h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 3%;
    text-align: center;
}
#titleObMal h1 ,#titleEurope h1,#titleRefgynusa h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 4%;
    text-align: center;
}
 #titleGYNSpec h1, #titleUSA h1,  #titleGYNProlapse h1, #titleMidLabor h1, 
#titleAlabama h1, #titleGB h1, #titleGermany h1,  #titleMidPP h1,  #titlewomandocs h1,#titleRef-OGHx h1, #titleUSASoc h1, #titleUSAEdu h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 5%;
    text-align: center;
}
#titleOBSMed h1,#titleMiscFashion h1,#titleOBSAbn h1,#titleOBSSurg h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 6%;
    text-align: center;
}
#titleArab h1,  #titleAntiquity h1, #titleBible h1,  #titleCanada h1,  #titleEgypt h1, 
#titleFrance h1, #titleEuroOther h1,#titleGreece h1,#titleGYNDx h1,#titleGYNDis h1,
 #titleGYNInf h1, #titleGYNMenses h1, #titleMidEuro h1, #titlepregdx h1 ,
 #titleMidUSA h1, #titleOBS h1, #titleRome h1,  #titleUSbio h1, 
 #titleGYNSurg h1, #titleMidwifery h1, #titleMiscAD h1, #titleMiscCan h1,#titleMiscCycle h1,
 #titleMiscElec h1, #titleMiscEug h1, #titleMiscFeuds h1,#titleMiscLegal h1,#titleObAb h1,
 #titleObBleed h1,#titleOBSFetus h1, #titleObFibroid h1, #titleOBSMM h1,#titleOBSOp h1, 
 #titlePrimitive h1, #titleUSHosp h1, #titleUSAjournal h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 7%;
    text-align: center;
}
#titleGYNFibroids h1, #titleManMidwife h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 8%;
    text-align: center;
}
#titleGYNCancer h1,#titleMidPrenatal h1,#titleMisc h1,#titleOBSPain h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 9%;
    text-align: center;
}
#titleGYNEndo h1,  #titleGYNVulva h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 10%;
    text-align: center;
}



#feature{
    margin-top: 3%;
    background: transparent;
    padding-right: 1%;
    text-align: justify;
}


#feature img{
    float: left;
    width: 25%;
    margin-right: 1%;
}
#readings, #links{
    margin-left: 0;
    padding-left:0;
}
 .statelist{
    font-size: 150%;
    font-weight: bold;
    padding-top: 2%;
    height: 49vh;
    border: 1px solid black;
    border-radius: 0;
    background-color: rgb(189, 206, 245);
   
}
.statelist a{
    
    margin-left: 5%;
}   
#smimages{
    border-bottom: 1px solid black;
}


.pic{
    margin-bottom:0.5%;
    margin-top: 0.5%;
}
.pic p{
    font-size: 75%;
    text-align: center;
   
}

.alert{
    width: 60%;
    text-align: center;
    font-size: 125%;
}
/*CSS for carousel */
.carousel-inner{
    
    background-color: transparent;
}

.item{
    border: 2px solid black;
}
}

/* CSS for aboutUs.html -----------------------------------------------------------------*/

#titleAbout h1{
    text-align: center;
    padding-top: 0%;
    font-size: 200%;
    font-weight: bold;
}
#abouttabs p{
    text-align: justify;
    font-size: 125%;
}   
#cyr {
    width:40%;
    float: left;
    border: 2px solid black;
    margin-right: 2%;
   }
 #cyr p{
     text-align: center;
     font-weight: bold;
 }
 
@media only screen and (min-width: 768px){
    #cyr {
    float: left;
    width:25%;
    margin-right: 1%;
   }
}

@media only screen and (min-width: 992px){
   #cyr {
    width:25%;
   }  
 
}
@media only screen and (min-width: 1200px){

#titleAbout h1{
    font-size: 250%;
    font-weight: bold;
    padding-top: 7%;
}
#abouttabs{
    border-bottom: 1px solid black;
}
#abouttabs p{
    text-align: justify;
    font-size: 150%;
}   
 
#abouttabs h3{
    font-size: 150%;
    font-weight: bold;
} 


#cyr {
    width: 20%;
    float: left;
    margin-right: 1%;
}
#cyr p{
    text-align: center;
}
}