/* Add here all your CSS customizations */
p {
	letter-spacing: 0.01em;
	}
.leftall {
    text-align: left!important;
}

.header-nav {
	border-bottom: 2px solid rgb(240,240,240)!important; 
}

#0088CC 
#0088cc !important

@media (max-width: 767px) {
.leftmob {
    text-align: left!important;
}
}

@media (max-width: 767px) {
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}

 

@media (max-width: 767px) {
.sound-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.sound-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.sound-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:150;
}

}



header {
	text-align: center;
}


/* text-controls */

button {
	vertical-align: bottom;
	margin: 0 0.3125em;
	padding: 0 0.3125em;
	border: 1px solid #000;
	background-color: #fff;
	font-weight: bold;
}

button#increasetext {
	font-size: 1.50em;
}

button#resettext {
	font-size: 1.25em;
}

button#decreasetext {
	font-size: 1.125em;
}

.textcontrols {
	padding: 0.625em 0;
	background: #ccc;
	position: fixed;
	
	
 
    bottom: 0px;
    right: 24px;
    height: 70px;
    z-index: 9000;
}


/* content */

#content {
	margin: 3em 0;
	text-align: left;
}


/* demo container */

#container {
	width: 90%;
	margin: 0 auto;
	padding: 2%;
}

#description {
	margin-bottom: 1.25em;
	text-align: left;
}

@media all and (min-width: 700px) {
	#container {
		width: 700px;
	}
	button {
		margin: 0 0.625em;
		padding: 0 0.625em;
	}
}

/* stil plavog futera i linkova */

.feature-box-info a {
    color: #fff;
	text-decoration:underline;
}   

.feature-box-info a:hover, a:focus {
    color: #252525;
}

.btn-black
{
background-color: #252525 !important;
color: #fff !important;
}


.icons-content-left{
  padding-right:20px;
  margin-top:0px;
  float:left;
  padding-top:5px;
}

.icons-content-left a{
  border-bottom:solid 1px blue;
}

.icon-style {
  height:23px; 
  margin-left:50px;
  margin-top:5px; 
}

@media (max-width: 768px) 
{
.icon-style {margin-left:20px;}
}

.icon-style:hover {
  background-color:white;
  padding:5px;
}

.contact-icons {
 background-color: #000; padding: 2px 10px 2px 10px;
}

.form-control {
background-color: #ddd;
}