@charset "utf-8";

/*headline: font-family: 'Yrsa', serif;
  paragraph: font-family: 'Open Sans', sans-serif;
font-family: 'Marck Script', cursive;


/*Background Elements:
  	Nav: #253259
	Main page: #1B2740
	Box Color: #2F3E6D
	Box Border: #9A77FF
    Footer left end: #25214D
	Footer right end: #28365D
*/
/*Text colors:
  	White: #E6E6E6
	Nav element select: #A894F2
	nav unselected: #FFFFFF
	Pink one:#CF5992
*/




/* text edits */

body {font-family: 'Yrsa', serif;
	background-color: #1B2740
}
p,h1, h2, h3, h3, h4, h5, h6,footer, li {font-family: 'Open Sans', sans-serif;
	color: #E6E6E6
}



img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.navbar-custom {font-family: 'Open Sans', sans-serif;
}

.navbar-brand {font-family:'Marck Script', cursive;
	font-size: 23px;
}


/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-image: linear-gradient(to right, #25214D , #28365D);
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #E6E6E6;
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus {
    
    color: #A894F2;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: rgba(236,240,241,1.00);
    color: #fff;
}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*navbar-brand logo*/
.navbar-brand {
    background-image: url(images/Component%2044%20%E2%80%93%202@2x.png);
    background-repeat: no-repeat;
    background-size: 115px auto;
    background-position: 4px 6px;
    padding-left: 70px;
}







.slideheading { color: #28365D;
	text-decoration: underline;
	font-family: 'Yrsa', serif;
	
}

.jumbotron{
	background-image: linear-gradient(to right, #25214D , #28365D);

}




/*main section text adjustment*/

.form-group {
	color: #CF5992;
}

.main {text-align: center;
				
}

.Dan {
	font-size: 3rem
}

.designer {
	color: #CF5992;
}

.frow {text-align: left;
}


.work {
	line-height: 3;
	text-align: left
}

.card {
	
	background-image: linear-gradient(to right, #25214D , #28365D);
	outline: 3px solid #9A77FF;
}

.title { font-family: 'Yrsa', serif;
	
	
}


footer {text-align: center;
	line-height: 100px;
	background-image: linear-gradient(to right, #25214D , #28365D);

}


.social a {margin: 0;
    display: inline-block;
    text-decoration: none;
    margin-left:10%;
    margin-right:10%;
}


.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}





/*Media Query Breakpoints*/
/*Small Devices ONLY*/
@media (min-width:375px){
#home_banner h1 {
    font-size: 1rem;
	bottom: 3%;
	left: 3%;
	}	
}

/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_banner h1 {
    font-size: 2rem;
    bottom: 3%;
	left: 3%;
	}	
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_banner h1 {font-size: 2rem;
			   bottom: 5%;
    		   left: 3%;
			  }
  }

/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
	#home_banner h1 {
    	font-size: 4rem;
    	bottom:5%;
    	left: 1%;
		}
}