/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 2rem;
	font-family: "runda", Helvetica, Arial, sans-serif;
}

.jumbotron{
	
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	background-image:url(img/home-bg1.jpg);
	background-attachment: fixed;
	height:100vh;
	margin-bottom:0px;
	
}
	
.sectionContent{
	
	height:60%;
	/*background-image:url(img/pattern.png);*/
	background-color:rgba(0,0,0,0.5);
	padding:60px;
	text-align:left;
	width:60%;
	margin:0 auto;
	max-width:950px;
	max-height:600px;
	margin-top:10vh;
	/*border:10px solid #d5359f;*/
	
}

.jumbo{
	
	font-family: "runda", Helvetica, Arial, sans-serif;
	font-weight:100;
	background: linear-gradient(180deg, #d5359f 0%, #a31d8d 50%, #810c6e 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-size:5.25em;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing:antialiased;

}

.sectionContent p{
 	 font-size: 2em;
 	 font-family: "runda", Helvetica, Arial, sans-serif;
	 font-weight:100;
 	 color: rgb(166, 166, 221);
 	 line-height: 1.25em;
 	 text-align: left;
}

#ux, #ui {
	padding-top:5vh;
	
}

#about {
	padding-top:8vh;
	
}

.ui-bg{
	
	background-color:#efefef;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	background-image:url(img/home-bg3.jpg);
	background-attachment: fixed;
	height:120vh;
}

.about-bg{
	
	background-color:#efefef;
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	background-image:url(img/home-bg4.jpg);
	background-attachment: fixed;
	/*height:100vh;*/
}


.ux-bg{
	
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
	background-image:url(img/home-bg2.jpg);
	background-attachment: fixed;
	height:130vh;
	
}

#ux h2, #ui h2, #about h2{
	
	margin-top:20px;
	/*border-top:3px #211d2c solid;*/
	padding: 15px 0 25px 0;
	font-size: 4rem;
 	 font-family: "runda", Helvetica, Arial, sans-serif;
	 font-weight:100;
 	 color: #1d2933;
	background: linear-gradient(180deg, #d5359f 0%, #a31d8d 50%, #810c6e 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
 	 line-height: 1.25em;
 	 text-align: center;
	
}

#ux p,  #about p{
	
	color:#666;
	margin-bottom:80px;
	
}

#ui p{
	
	color:#666;
	margin-bottom:80px;
	
}

#about h3{
	
	text-align:center;
	
}

.ux-example h3{
	
	margin-top:20px;
	border-top:3px #211d2c solid;
	padding: 15px 0 25px 0;
	font-size: 40px;
 	 font-family: "runda", Helvetica, Arial, sans-serif;
	 font-weight:300;
 	 color: #1d2933;
 	 line-height: 1.25em;
 	 text-align: left;
	
}

.ux-example p{
	
	color:#666;
	
}

.ux-example h4{
	
	margin-top:20px;
	margin-bottom:20px;
	border-top:4px #8822aa solid;
	border-bottom:1px #8822aa solid;
	padding: 15px 0;
	font-size: 1.25rem;
 	 font-family: "runda", Helvetica, Arial, sans-serif;
	 font-weight:500;
 	 color: #333;
 	 line-height: 1.25em;
 	 text-align: left;
	
	
}

.btn{
	
	border-radius:0px;
	color:#8822aa;
	
}

.carousel-caption h3{
	
	color:#951293;
	font-size:1.2em;
	
}

.carousel-caption p{
	
	font-family: Georgia, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:.9em;
	font-style:italic;
	text-align:left;
	color:#666 !important;
	
}

.carousel-caption p::before{
	
	color:#1d2933;
	content:"\201c";
	
	
}

.carousel-caption p::after{
	
	color:#1d2933;
	content:"\201d";
	
	
}

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #666;
}

.carousel-control-prev-icon{
   color:red;
}

.example{
	
	padding:40px 0;
	
}

.example h1{
	
	margin-top:20px;
	border-top:3px #211d2c solid;
	border-bottom:1px #999 solid;
	padding: 15px 0 15px 0;
	font-size: 3rem;
 	 font-family: "runda", Helvetica, Arial, sans-serif;
	 font-weight:100;
 	 color: #1d2933;
	background: linear-gradient(180deg, #d5359f 0%, #a31d8d 50%, #810c6e 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
 	 line-height: 1.25em;
 	 text-align: left;
	 margin-bottom:60px;
	 
}

.example h3{
	
	color:#8822aa;
	border-bottom:1px #999 solid;
	margin-top:45px;
	padding-bottom:10px;
	margin-bottom:15px;
	
}

.example p{
	
	color:#666;
	line-height:1.8em;
	
}

.img-border{
	
	
	border: 1px solid #cccccc;
	margin:-1px;
	margin-bottom:25px;
	
}

.quote-caption::before{
	
	color:#1d2933;
	content:"\201c";
	
	
}

.quote-caption::after{
	
	color:#1d2933;
	content:"\201d";
	
	
}

.quote-caption{
	
	font-family: Georgia, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:.1.15em;
	font-style:italic;
	text-align:left;
	color:#333 !important;
	margin-bottom:0px !important;
}

.clip-circle {
	margin:0px 15px 10px 0px;
  clip-path: circle(50px at center);
  float:left;
  /* OLD VALUE example: circle(245px, 140px, 50px); */
  /* Yep, even the new clip-path has deprecated stuff. */
}

.footer-stripe{
	
	background-color:#292b2c;
	min-height:50px;
	
}