h1 {
 font-family: 'Bubblegum Sans', sans-serif;
 font-size:130px;
 margin-top: -15px;
}

h2 {
	font-size: 48px;
	color: #3F0;
	font-family: 'Archivo Black', sans-serif;
	}


h3 {
	font-size:36px;
	font-family: 'Archivo Black', sans-serif;
	color: #3f6d6b;
	padding-top:14%;
}

.title3 {
	font-size:36px;
	color: white;
	font-family: 'Archivo Black', sans-serif;
	}

a.button {
background:    #ff8b00;
background:    -webkit-linear-gradient(#ff8b00, #f1c232);
background:    linear-gradient(#ff8b00, #f1c232);
border-radius: 12px;
box-shadow:    0 2px #073763;
width:         250px;
height:        50px;
color:         #ffffff;
display:       inline-block;
font:          normal 700 24px/50px "Komika", cursive;
text-align:    center;
text-shadow:   1px 1px #000000;
}
a.button:hover {
background:    #f1c232;
background:    -webkit-linear-gradient(#f1c232, #ff8b00);
background:    linear-gradient(#f1c232, #ff8b00);
color:         #ffffff;
text-decoration:none;
}


/* this removes margin under nav bar */
.navbar {
    background-color: #2c3e50;
    margin:0; 
}

.dropdown-toggle {
	font-size:x-large;
	color:cyan;
}
.navbar-inverse .navbar-nav> li> a {
	font-size:x-large;
	color:cyan;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	font-size:large;
	color:cyan;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:red;
}


.navbar-inverse .navbar-nav>.open>a:focus {
	color:red;

}
.navbar-inverse .navbar-nav>.open>a:hover {
	color:red;
}


.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5000;
}

.navbar-fixed-top .navbar-collapse {
	max-height:600px;
}

@media screen and (min-width: 992px) {
.notondesktop { display: none; }
}



@media screen and (max-width: 380px) {
.navbar-text { display: none !important; }
.notonmobile { display: none; }
.navbar-fixed-top .navbar-collapse {max-height:400px;}
}


@media (min-width:769px) {
.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-toggle { display: none !important; }
}

@media screen and (max-width: 992px) {
/*.bg {
	content:url("images/2.jpg");
    }
*/#lista { display: none; }
#listb { display: none; }
.navbar-text { display: none !important; }
}


#lista {
	width:200px;
	background-color:transparent;
	position: absolute;
	top:130px;
    left:0;
	right:auto;
	

	}
.list-group-item {
/*	background-color:transparent;
*/	text-align:left;
	border-color:#2d9a2b;
	}

a.list-group-item {
    color:#000; 
	font-weight:bold;
}

a.list-group-item:hover {
    color:#f8885c; 
	font-weight:bold;
}


.list-group-item.active	{
	color:#ff8b00;
/*	background-color:transparent;
*/	border-color:#2d9a2b;
	}
.mylist-header {
	background-color:green;
}


#listb {
	width:200px;
	background-color:transparent;
	position: absolute;
	top:130px;
    left:auto;
	right:0;
	}


#text1 {
	height: 80%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
	color:#3F0
}


#text2 {
	height: 90%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color:#002acc;
	text-align:center
}

.navbar-text {
	color:cyan !important;
	font-size:18px;
}

.indent   {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 3em;
}

.white {
    color: #ffffff;
}

.orange {
	color: #ff8c00;
}

.lightgreen {
	    color: #3F0;
}

ul {
	width:70%;
	margin:auto;
	text-align:left;
}
li {
	padding-bottom: 10px;
}
.navbar-inverse .navbar-brand {
    color: #3F0;
}