.search_term {
	width: 80%;
	padding: 5px;
}

.search_submit {
	width: 19%;
	padding: 5px;
}

@media (max-width: 500px) {
	.search_term {
		width: 70%;
	}

	.search_submit {
		width: 27%;
	}
}

.search {
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
}

ul { padding-left: 1.2em; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}

body {
	background-color: #21DE9F;
	font-family: 'Open Sans', sans-serif;
}

a:link, a:visited {
	color: #444;
	text-decoration: none;
}

.logo_link, .logo_link:visited { color: #111; }

a:hover { color: #017191; }
.logo_link:hover { color: #017191; }
img { border: 0; }

.mainHeader {
	margin-left: 15px;
}

.app_icon { 
	border-radius: 15px;
	margin-right: 15px;
	width: 40px;
	height: 40px;
	align: center;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.smaller_text {
	font-size: 0.85em;
}

.panel, .panel p {
	border: 0;
}

.panel-default>.panel-heading {
	border-bottom: 0; /*1px solid #017191; */
	background-color: #FFF;
	/*background-color: #EEE; */
	/*background-image: linear-gradient(to bottom, #017191 0, #42B1F1 100%);*/
	/*background-image: linear-gradient(to bottom, #A1E121 0, #A1E142 100%);*/
	color: #111;
	padding: 3px 15px;
}

.panel-default>.panel-heading p {
	font-size: 11px;
}

.linked li {
	width: 100%;
	float: left;
	display: inline-block;
}

@media (min-width: 1000px) {
	.random_words_single li,
	.random_words li {
		float: left;
		display: inline-block;
	}

	.random_words_single li {
		width: 33%;
	}
}

#lang {
	padding-top: 5px;
  	font-size: 9px;
}

#speakerIcon {
	margin-top: -3px;
}

#iosImage {
	margin-top: 15px;
	max-width:100%;
	max-height:100%;
	cursor:pointer;
}

#iosImage2 {
	margin-top: 15px;
	max-width:100%;
	max-height:100%;
	cursor:pointer;
}

#lyricsText {
	word-break: break-all;
	white-space: pre-wrap;
}

.grid {
  background: #FFF;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 20.00%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}