@import url('https://fonts.googleapis.com/css?family=Cinzel');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Prosto+One');
@import url('https://fonts.googleapis.com/css?family=Federo');


body{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: normal;
	}
p{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #333;
	text-align: justify;
	letter-spacing: 0.05em;
	}
ul {
	width:100%;
	
   }
li{
	width:12%;
	/*width:100px;*/
    text-align:center;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #FFF;
	}
	
@media (max-width:576px) {	
li{
	width:auto;
	/*width:100px;*/
    text-align:center;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #FFF;
}
}
	
h1{
	font-family: 'Prosto One', cursive;
	color: #036;
	font-weight: 500;
	font-size:2.5vw;
	line-height: 1.8vw;
}	
h2{
	font-family: 'Prosto One', cursive;
	color: #036;
	font-weight: 100;
	font-size:2vw;
	line-height: 1.8vw;
}
.text{
	list-style:none;
	 }
.first_text{
	font-family: 'Great Vibes', cursive;
	font-size: 36px;	
	}

 .btn-outline-primary {
    color: #000;
	background-color: #FFF;
	background-image: none;
	border-color: #DCDCDC;
	width:100%;
	margin-bottom:3px;
	text-align:left; 
	border-radius: 0;
	font-size:14px;
}

.btn-outline-primary:hover {
  color:#000;
  background-color:#e6e6e6;
  border-color:#f2f2f2;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

@media (max-width:576px) {
	
.navbar-toggler-icon {
  display: inline-block;
  width:1.2em;
  height:1.2em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  color:#00F; 
}

h1{
	font-family: 'Prosto One', cursive;
	color: #09C;
	font-weight: 500;
	font-size:18px;
	line-height: 22px;	
}	
h2{
	font-family: 'Prosto One', cursive;
	color: #09C;
	font-weight: 100;
	font-size:18px;
	line-height: 22px;
}


}
	
@media (max-width:576px) {

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  
 
}

.navbar-light .navbar-toggler {
  border-color: #666;
  margin-top:0px;
  
}

.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
  
 
 }
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.heading_golden{
	font-family: 'Federo', sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FF3;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 0px;
	letter-spacing: 0.05em;
	text-align: center;
	}

.heading_activity{
	font-family: 'Federo', sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #09C;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 10px;
	letter-spacing: 0.05em;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #09C;
	}
	
.page_heading{
	font-family: 'Federo', sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #09C;
	letter-spacing: 0.05em;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #09C;
	}
	
.sub_heading{
	font-family: 'Federo', sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #09C;
	letter-spacing: 0.05em;
	text-align:center;
	
	
	}
		
.sub_heading_1{
	font-family: 'Federo', sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #09C;
	letter-spacing: 0.05em;
	text-align:left;
	}	
	
	
	
 .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color:#000;
}

.btn_1 {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.01rem 0.01rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	
	
}