body { 
	font-family: 'Roboto', sans-serif;
	color: #000000!important;
}
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
.bg-primary {
    background-color: #FFFFFF!important;
}

h2 { 
font-family: 'Abril Fatface', sans-serif;
	text-transform: none;
	font-weight: normal;
	color: #000000;margin: 0 0 15px 0;
}

h3 { 
font-family: 'Abril Fatface', sans-serif;
	text-transform: none;
	font-weight: normal;
	color: #000000;
	font-size: 28px;
	margin: 0 0 15px 0;
}

.navbar-toggler {
    padding: 4px 6px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.subheading {
  text-transform: none;
  font-weight: 300;
  font-family:  Roboto;
  font-size: 18px;
	font-style: italic;
}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	z-index: 3000;
}

a  { color: #ec008c; }


.nav-link, .navbar-light .navbar-nav .nav-link {
font-style: italic;
	font-weight: 300;
}
.nav-link {
    display: block;
    padding: 0 0 0 5px ; 
}
.pic {
  /* The image used */
  background-image: url("../images/tp2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height:550px;
}

.line { margin: 15px 8px; width: 100%; height: 2px; border-bottom: 2px solid #EFEFEF;}
.mainline { margin: 30px 0; width: 40px; height: 6px; background-color: #EFEFEF;}

.parallex {

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pink { color: #ec008c; }
.pinkbg { background-color: #ec008c; }

.blackbg { background-color: #000000; }
.greybg { background-color: #EFEFEF; }

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 0;
    left: 15%;
    z-index: 10;
    padding: 50px;
    color: #fff;
    text-align: center;
}

.mainpad { padding: 0 0 0 42px;}
.navbar {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: left;
    align-items: flex-start;
    -ms-flex-pack: left;
    justify-content: space-between;
    padding: .5rem 1rem;
}
.nav-link, .navbar-light .navbar-nav .nav-link {
    color: #000000;
	border-bottom: 4px solid #ffffff;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	border-bottom: 4px solid #ffffff!important;  color: #000000;
	background-color: #EFEFEF;  color: #000000;
}

.nav-link:hover {
	border-bottom: 4px solid #ffffff!important;
	background-color: #EFEFEF;  
	color: #000000!important;
}

#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 300;
	font-style: italic;
  letter-spacing: normal;
  text-transform: none;
}

#sideNav .navbar-toggler:focus {
  outline-color: #d48a6e;
}

.tagline {
	font-size: 20px;
	font-weight:300;
	text-transform: uppercase;
	padding: 38px 10px;
	text-align: center;
}
.quotes {

	
	padding: 20px;
	text-align: left;
}

.title { display: inline-block; padding-bottom: 2px; margin:8px 0 ;}
.quotesfull {
	font-size: 16px;
	font-weight:300;
font-style: italic;
	padding: 20px;
	background-color: #FFFFFF;color: #000000;border-left:8px solid #000000;
	margin: 30px 30px 0 0!important;
	
}

.quotesfullpink {
	font-size: 16px;
	font-weight:300;
font-style: italic;
	padding: 20px;
	background-color: #FFFFFF;color: #000000;border-left:8px solid #ec008c;
	margin: 30px 30px 0 0!important;
	
}

.section1 {
  position: relative;
  max-width: 100%;
 height: 50px;
 overflow: hidden;
  margin: auto;
  background-color: #FFFFFF;
  color: #ffffff;
}
.section1 .bg-static {
  background-color: #FFFFFF;
  
}
.section1 .bg-move {
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  width: 100%;
  background-image: url("../images/pink.gif");
  background-size: cover;
  background-position: center;
}
.section2 {
  position: relative;
  max-width: 100%;
 height: 50px;
  overflow: hidden;
  margin: auto;
  background-color: #FFFFFF;
  color: #ffffff;
}
.section2 .bg-static {
  background-color: #FFFFFF;

}
.section2 .bg-move {
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  width: 100%;
  background-image: url("../images/black.gif");
  background-size: cover;
  background-position: center;
}



.section3 {
  position: relative;
  max-width: 100%;
 height: 75px;
 overflow: hidden;
  margin: auto;
  background-color: #FFFFFF;
  color: #ffffff;
}
.section3 .bg-static {
  background-color: #FFFFFF;
  
}
.section3 .bg-move {
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  width: 100%;
  background-image: url("../images/pink.gif");
  background-size: cover;
  background-position: center;
}
.bg-white { background-color: #FFFFFF; }
.bg-dark { background-color: #000000!important;}
.quote {
	font-size: 22px;

	text-align: center;
}

a.button { background-color: #000000; color: #FFFFFF; display: inline-block; padding: 5px 10px; font-size: 16px!important; margin-top: 20px;}
a.button:hover { color: #ec008c; text-decoration: none;}
.q1 {
	width: 44px; height: 41px;
 display: inline-block;
  background-image: url("../images/q1.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.q2 {width: 44px; height: 41px;
 display: inline-block;
  background-image: url("../images/q2.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.qbig {
	font-size:32px;
}
.qline  { border-bottom: 4px solid #000000;}
.qlinewhite  { border-bottom: 4px solid #FFFFFF;}
.qspace {  padding-bottom:4px;}
.qblock {display: inline-block;}

.qcaps {
	text-transform: uppercase;
}
.outline { border: 1px solid #000000;}
.qcenter { text-align: center;}
.qpink {
	color: #ec008c!important;
}

.qblack { color: #000000; }
.q {
	padding: 2px 8px;
	
}
.name { text-align: center; font-size: 16px; margin-top: 50px;}
.footer a { color: #FFFFFF;}
.fa-lg { margin: 0 4px; color: #ec008c; }

/* LOGO */

.logo {
	line-height: normal!important;
	font-family: 'Abril Fatface', sans-serif;
	color: #000000!important;
	text-transform: uppercase;
	text-align: left;
}
.tp {font-weight:300;
	
height: 40px;
	font-size:30px;
	float: left;
	padding: 0 5px 0 0;
}

.ltd {font-weight:400;

	font-size: 14px;
	border-bottom: 8px solid #ec008c;
	margin-top: 4px;
	float: left;
}
section.resume-section {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  max-width: 100%;
}
.qbox {display: inline-block; margin-top: 10px;}
.toplogo .p-2 { padding: 5px 0!important; }
.toplogo .logo { padding: 8px 0!important; }
@media (max-width: 568px) {
	
	.carousel-caption {
    position: absolute;
    right: 15px;
    top: 0;
    left: 15px;
    z-index: 10;
    padding: 0;
    color: #fff;
    text-align: center;
	width: 100%;
}
	.pic {
 background-position:  0 18px;
		
}

	body { padding-top: 50px!important;}
	#about .quote { padding: 20px 20px 0 20px;}
		#about .quote h2 { font-size: 20px; }
	#about { padding: 40px 0!important;}
	.mainpad { padding: 0; }
	
	.q1, .q2 { display: block; width: 100%;}
	
	.qbox { margin-top: 5px!important;}
	a.button { background-color: #ec008c; color: #FFFFFF; display: inline-block; padding: 5px 10px; font-size: 16px!important; margin-top: 20px; }
	.quote {
	font-size: 18px;
width: 100%;
	text-align: center;
}
	.qblack { padding: 0 20px;}
	
	.pic {
  /* The image used */
  background-image: url("../images/tp2.jpg");
	background-size: contain;
	background-repeat: no-repeat;
		background-color: #000000;
		min-height:200px;
}
	
	
	.tp {font-weight:300;
	
height: 40px;
	font-size:26px;
	float: left;
	padding: 0 5px 0 0;
}

.ltd {font-weight:400;

	font-size: 10px;
	border-bottom: 8px solid #ec008c;
	margin-top: 4px;
	float: left;
}

}

/* --- */

.lead {font-size: 18px; line-height: 1.2; }
 .qpinkbg { Background-color: #ec008c; color: #FFFFFF; margin-top: 6px; }
.qboldline { border-bottom: 2px solid #000000; font-weight: normal; }
.quotesfull .name {  clear: both;display: inline-block; }
#quotes2, #quotes2 .name { 
	
	color: #000000!important;
}

#quotes2 .carousel-indicators li { background-color: #ec008c;}

#quotes2 .carousel-item {
  min-height: 500px!important;
	height: 100%!important;
}

#quotes2 .carousel-indicators  { bottom: -50px;}
.carousel-inner {    overflow: auto; }
.carousel-item {  margin: 0 0 0 -10px!important; }
@media (min-width: 992px) {
#sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 315px;
    height: 100vh;
}
	
	
#sideNav .navbar-brand {
    display: flex;
    margin: 0!important;
    padding: .5rem;
}
}