@charset "utf-8";
    /* Media Queries *********    **PHONE ********************************/

@media (max-width: 776px) {
    .container-fluid {
    padding: 0px;
}
   .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}
    .step col-8{text-align: left;}
    
 .navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.77);
}
    .bg-light {
	height: 8%;
	background-color: #17BDFF !important;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: #17BDFF;
    border-color: transparent;
}
.navbar-brand {
    position: relative;
    padding-left: 0;
    padding: 0px;
    width: 50%;
    white-space:normal ;margin:0px;
    
}
 .navbar-toggler {
     width:25%;
    padding: 0.25rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
 
 .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #17BDFF;
}
 .row {
    margin-left: 0px;
    margin-right: 0px;
}
h2 {
    color: gray;
    line-height: 1.2;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
}
#services h1 {
    text-align: center;
    font-size: 1rem;
    color: rgba(60,60,60,1.00);
    line-height: 1.2;
    position: relative;
    padding-bottom: 20px;
}
#services h2 {
    font-size: 1.5rem;
    margin-bottom: 3%;
    margin-top: 2%;
    font-weight: 300;
}
#services p {
    font-size: 1.2rem;
    padding: 0px;
}
.col-sm-6 {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
 .tiptext {
    position: absolute;
    margin: auto;
}

    
#hero {
	background: #279DCC;
	min-height: 450px;
	margin: auto;
	font-size: .5rem;
}
    
    
    .col-sm-5 {
	-ms-flex: 0 0 100.666667%;
flex: 0 0 100.666667%; 
	max-width: 100.666667%; 
}/*
    
    4/2/21
    
    #hero .row .col-sm-5 {
	position: relative;
	margin: 0 auto 0 auto;
	width: 80%;
	Padding: 15px;
	padding-right: 0px;
	padding: 0px;
}#hero .row .col-md-7.col-sm-7 {
	padding-right: 0%;
	margin-top: 35%;
}

 #hero h1 {
	font-size: 1.7rem;
	font-weight: 600;
	text-shadow: none;
	vertical-align: middle;
	margin-top: 62%;
	text-align: center;
}
       4/2/21
 */
    
 #landing-wrapper h2 {
	color: white;
	font-weight: 700;
	margin: 0;
	text-shadow: -3px -2px 15px rgba(13,13,13,1.00);
}
    
    #genealogy h1 {
	margin-top: 1%;
	color: #464646;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;margin-right: 5%;
        margin-left: 5%;margin-bottom: 5%;
        
}
    
    #genealogy .row.col-8 p {
	position: relative;
	margin-right: 20px;
text-align: justify;
	margin-left: 20px;
        margin-bottom:10px;
}
    
  
 .navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.77);
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: #17BDFF;
    border-color: transparent;
}
.navbar-brand {
    position: relative;
    padding-left: 0;
    padding: 0px;
    width: 75%;
}
 .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
 .navbar h1 {
    font-size: 1.0rem;
    text-align: left;
    margin-left:1%;
    margin-right: 0%;
}
 .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #17BDFF;
}
 .row {
    margin-left: 0px;
    margin-right: 0px;
}
h2 {
    color: gray;
    line-height: 1.2;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
}
#services h1 {
    text-align: center;
    font-size: 1.5rem;
    color: rgba(60,60,60,1.00);
    line-height: 1.2;
    position: relative;
    padding-bottom: 20px;
}
#services h2 {
    font-size: 1.5rem;
    margin-bottom: 3%;
    margin-top: 2%;
    font-weight: 300;
}
#services p {
    font-size: 1.2rem;
    padding: 0px;
}
.col-sm-6 {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
 .tiptext {
    position: absolute;
    margin: auto;
}

 
 #hero.mr-auto, .mx-auto {
    margin-right: auto!important;
}
#hero .img-fluid {
    min-height: 0%;
    visibility: hidden;
}
#hero .rounded-circle.img-fluid {
    visibility: visible;
    width: 50%;
    height: auto;
    max-width:50%;
}
#hero h1 {
    margin-top:80%;
    padding-top: 1%;
    font-size: 1.5rem;
    text-align: center;
}

 
#hero h2 {
    margin: auto;
    font-size: 1.2rem;
    text-align: left;
    color: aliceblue;
}
.col-xl-7 article h2 {
    margin: auto;
}
.col-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
article .col-xl-10 p {
}
    
    .students {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 150px;
   
    background-size: contain;
    background-repeat: no-repeat;
    
}
.step.row.col-8 div .img-thumbnail.img-fluid {
    vertical-align: top;
    border: thin none rgba(207,202,202,1.00);
    width: 150px;
    height: auto;
    opacity: 50;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
    text-align: center;
}
   


.embed-responsive {
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    padding: 0;
    overflow: hidden;
}
#genealogy .col-12 p {
    font-size: .7rem;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
 h2 {
    font-size: 1.5rem;
    margin-bottom: 3%;
    margin-top: 2%;
    font-weight: 300;
}
 .row.col-8 p {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
 /*#landing-wrapper {
    display: table;
    width: 100%;
    height: 100px;
    color: white;
     margin:5% auto 4% auto;*/
#landing-wrapper h2 {
	color: white;
	font-weight: 700;
     font-size:1.6rem;
     
	margin:3%;
	text-shadow: -3px -2px 10px rgba(13,13,13,1.00);
}
 
 #contact .col-sm-2.offset-sm-4 {
    min-height: 50%;
}
#contact .col-md-12 p {
    font-size: 1rem;
}
#contact .col-12 p {
    font-size: 1.2rem;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    position: right;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
}
.col-xl-6.offset-3 {
    margin: auto;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
	text-align: center;
}

#genealogy #landing-wrapper {
	width: 90%;
}
#genealogy .step.row.col-8 {
	max-width: 100%;
	width: 100%;
}
.step.row.col-8 div p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#landing-wrapper .students h2 {
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	font-size: 1.5rem;

}






}
/***********************                     ******************  **********************/

/*@media(min-width:750px) and (max-width:991px){
    
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	
}
    
    
    .navbar-brand {
	position: relative;
	/* padding-left: 5%; */
	/* padding-right: 10%; */
	width: 100%;
	margin: auto;
	
    }.navbar h1 { text-align: left;}
    
   


.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, 0.88);
	border-color: rgba(255, 255, 255, 0.77);
}
.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.77);
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: #17BDFF;
    border-color: transparent;
}
.navbar-brand {
    position: relative;
    padding-left: 0;
    padding: 0px;
    width: 75%;
}
 .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
 
 .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #17BDFF;
}

    
    
    
    
    #genealogy h1 {
	margin-top: 1%;
	color: #464646;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;margin-right: 15%;
        margin-left: 15%;margin-bottom: 5%;
        
}
    #landing-wrapper h2 {
    font-size:2.7rem;
      margin:7%;
    margin-top:2%;
        font-weight: 600;
        
    
}
#services .col-xl-8.offset-2 h2 {
}
#services .row .col-xl-4.offset-xl-0.col-md-8.offset-md-2 {
	text-align: center;
}
#services .row .col-xl-4.col-md-8.offset-md-2 {
	text-align: center;
}
/*
    
    4/2/2021
    
    #hero h1 {
	font-size: 1.75rem;
	text-shadow: none;
    margin-top: 2%;
	
}
#hero .row .col-xl-7.col-md-7.col-sm-7.col-7.col-sm-5 {
	width: 90%;
	margin-top: 0px;
}
    
        4/2/2021

    */






}
 
/****************************************************************************************************/
/*@media(min-width:776px) and (max-width:922){
    
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	
}
    
    
    .navbar-brand {
	position: relative;
	/* padding-left: 5%; */
	/* padding-right: 10%; */
	/*width: 100%;
	margin: auto;
	
    }.navbar h1 { text-align: left;}
    
   


.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, 0.88);
	border-color: rgba(255, 255, 255, 0.77);
}
.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.77);
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: #17BDFF;
    border-color: transparent;
}
.navbar-brand {
    position: relative;
    padding-left: 0;
    padding: 0px;
    width: 75%;
}
 .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
 
 .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #17BDFF;
} 
    
  
    
    
    
    #genealogy h1 {
	margin-top: 1%;
	color: #464646;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;margin-right: 15%;
        margin-left: 15%;margin-bottom: 5%;
        
}
   #landing-wrapper h2 {
	font-size: 2.4rem;
	margin: 2%;
	margin-top: 2%;
       font-weight: 600;
}
.row .col-xl-7.col-md-7.col-sm-7.col-7.col-sm-5 h1 {
	margin-top: 0px;
}

}#hero {
	
	margin: auto;
	font-size: .5rem;
}

#hero .row .col-md-7.col-sm-7 {
	padding-right: 10%;
	margin-top: 0;
}

#hero h1 .row .col-md-7.col-sm-7.col-xl-7.col-md-7.col-sm-7.col-7.col-sm-5 {
	padding-right: 0%;
	margin-top: 0;
}

#hero .row .col-sm-5 .col-md-7.col-sm-7{
	position: relative;
	
	width: 80%;
	Padding: 15px;
	padding-right: 0px;
	padding: 0px;
}










#hero h2 {
    font-size: 1.2rem;
    font-weight: 400;
	margin-top: 1%;
	color: white;
	
	line-height: 1.2;
	position: relative;
	left: auto;
	right: auto;
}
    
#services h1 {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 80%;
	text-align: center;
	font-size: 2.2rem;
	color: rgba(60,60,60,1.00);
	position: relative;
	padding-bottom: 1%;
	padding-top: 1%;
	font-weight: 600;
}.step.row.col-8 div .img-thumbnail.img-fluid {
    vertical-align: top;
    border: thin none rgba(207,202,202,1.00);
    width: 150px;
    height: auto;
    opacity: 50;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 0;
    text-align: left;
}*/
/*******************************************************************************************/*/
@media (min-width:923px) and (max-width:1300px){
    
   #services .row {
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
} 
    
    
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;text-align: center;
     
	
}
    
    
   .col-xl-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
} 
    
   #genealogy .row.col-8 {
	/* margin-left: auto; */
	/* margin-right: auto; */
	margin-top: 3%;
	text-align: left;
}
  
    @media (min-width:1200px){
    
    .col-xl-6 {
	
	max-width: 100%;}
}}
/**************************8 888888888888888888888888888888888888888888888888888888888888888888888888888888/

 /*#hero.mr-auto, .mx-auto {
    margin-right: auto!important;
}
#hero .img-fluid {
    min-height: 0%;
    visibility: hidden;
}

#hero h1 {
    margin-top: 5%;
    padding-top: 1%;
    font-size: 1.5rem;
    text-align: left;
}

 #hero h1 {
    margin-top: 8%;
}
#hero h2 {
    margin: auto;
    font-size: 1.2rem;
    text-align: left;
    color: aliceblue;
}

*/
.col-xl-7 article h2 {
    margin: auto;
}
.col-8 {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}



.embed-responsive {
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    padding: 0;
    overflow: hidden;
}
#genealogy .col-12 p {
    font-size: .7rem;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
 h2 {
    font-size: 1.5rem;
    margin-bottom: 3%;
    margin-top: 2%;
    font-weight: 300;
}
 .row.col-8 p {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
 #landing-wrapper {
	display: table;
	width: 62%;
	/* [disabled]height: 100px; */
	color: white;
	margin-bottom: 3%;
	margin-top: 2%;
}
 

 #contact .col-sm-2.offset-sm-4 {
    min-height: 50%;
}
#contact .col-md-12 p {
    font-size: 1rem;
}
#contact .col-12 p {
    font-size: 1.2rem;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    position: right;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
}
.col-xl-6.offset-3 {
    margin: auto;
}

/*
@media (min-width: 1024px) {
    .col-md-7 {
    padding-right: 10%;
}
}
@media (max-width: 768px) {
    .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
}
.col-md-5.col-sm-5 .tiptext #AboutRenee {
}
}
 @media (max-width: 992px) {
    .navbar-brand {
    position: relative;
    width: 100%;
    margin: 0px;
    font-size: .5rem;
}

.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light .navbar-toggler {
    position: absolute;
    right: 4%;
    float: right;
    margin-right: 2%;
}
.navbar-brand .col-sm-9.col-10 h1 {
    font-size: 0.5rem;
}
}
*/
@media (max-width:768px){
  #hero .row .col-md-7.col-sm-7.col-xl-7.col-md-7.col-sm-7.col-7.col-sm-5 {
        position:absolute;
	padding-right: 4%;
	text-align: center;
	max-width: 100%;
	flex: 0 0 90%;
        padding-top:48%;
        padding-left:4%;
       width:100%;
      padding-bottom:3%;
      min-height: 450px;
        
}
    #hero .row .col-md-7.col-sm-7.col-7.col-sm-5 {
	
}
    
    #hero h1{
        
       
	margin-top:2%;
	padding-top: 1%;
	font-size: 1.2rem;
	text-align: center;
        margin-bottom: 0;
}
        
        
  

    #hero h2{ 
        text-align: center;
    
    	font-size: 1.1rem;
        margin-top:0px;

    }   
    
    
    
}

@media (max-width: 500px) {
    #hero .row .col-md-7.col-sm-7.col-xl-7.col-md-7.col-sm-7.col-7.col-sm-5 {
        position:absolute;
	padding-right: 4%;
	text-align: center;
	max-width: 100%;
	flex: 0 0 90%;
        padding-top:48%;
        padding-left:4%;
       width:100%;
        
}
    #hero{min-height: 400px;}
    #hero .row .col-md-7.col-sm-7.col-7.col-sm-5 {
	
}
    
    #hero h1{
        
       
	margin-top:2%;
	padding-top: 1%;
	font-size: 1.5rem;
	text-align: center;
}
        
        
  

    #hero h2{ 
        text-align: center;
    
    
    }}