@charset "UTF-8";
/* CSS Document */

/* headline: font-family: 'nave', sans-serif;
   paragraph: font-family: 'ivypresto-display', serif;
*/

/* Custom Cool Colors: 
	Charcoal Black: #3E3E3E
	Light Grey: #DEDEDE
	Cyan Blue: #007FFE
	Ultramarine Blue: #0003E5
	Pastel Blue: #A7C7E7
	Bright violet: #9145FB
	Dark Violet: ##3C1174
*/
	body {font-family: 'ivypresto-display', serif;;
}
	h1, h2, h3, h4, h5, h6 {font-family: 'Nave', sans-serif;
}

/*center an image - img is an inline element*/
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #007FFE;
}

/* 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: #DEDEDE;
}

/* 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 {
background-color: #0003E5;
color: #A7C7E7;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: rgba(236, 340, 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/Genuiya_Logo.png");
	background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 6% center;
    padding-left: 70px;
}

/*Home Banner*/
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#home_banner h1 {
	font-size: 4rem;
	color: #DEDEDE;
	text-shadow: 2px 1px #007FFE;
	position: static;
	left: 3%;
	bottom: 7%;
}

/*About Banner*/
#about_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#about_banner h1 {
	font-size: 4rem;
	color: #DEDEDE;
	text-shadow: 2px 1px #007FFE;
	position: absolute;
	left: 3%;
	bottom: 7%;
}

/* About Featurette*/
.featurette {
	text-align: center;
	display: flex;
	margin: 5rem;
}

.featurette-divider {
	margin: 5rem 0;
}

.featurette-heading {
	padding-top: 60px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .03rem;
}

.featurette-heading2 {
	padding-top: 30px;
	font-weight: 600;
	line-height: 1;
}

/*3 col main section*/
.main h2 {text-align: center;}

#easter_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#easter_banner h2 {
	font-size: 2.3rem;
	color: #DEDEDE;
	text-shadow: 2px 1px #000;
	position: static;
	bottom: 7%;
}

h4 {
	font-size: 1.5rem;
	color: #000;
	position: static;
	text-align: center;
	text-decoration-line: underline;
	font-style: italic;
}

footer {text-align: center;
    line-height: 60px;
    background-color: #0003E5;
    color: #DEDEDE;
}

/*Any Banner*/
#genuiya_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#genuiya_banner h1 {
	font-size: 4rem;
	color: #3C1174;
	text-shadow: 2px 1px #000;
	position: absolute;
	left: 60%;
	bottom: 7%;
}




/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


.social a {margin: 0;
    display: inline-block;
    text-decoration: none;
    margin-left:10%;
    margin-right:10%;
}
/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 30px;
  width: 40px;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #007FFE;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #9145FB;;
  color: white;
}

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

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

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) 
{
#home_bg h1 {
	font-size: 4rem;
    bottom: 45%;
    left: 20%;
       	}
}

/*LARGE SIZE ONLY*/ 
@media (min-width: 992px)
{
#home_bg h1 {
	font-size: 3rem;
	bottom: 5%;
	left: 3%;
		}
}