/*ecru color: F2E4D1
coral pink: #E29C87
coral pink 230,170,150,0.8)

*/

html {
    width: 100%;
    height: 100%;
    /*background-image: url(img/header.jpg);*/
    position: relative;

    min-height: auto;
    
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

body{
	background: transparent;
}

.float_bottom{
    position:absolute;
    width:300px;
    height:100px;
    bottom:0px;
    right:25%;
    left:50%;
    margin-left:-150px;
}

#link_container{
	width: 60vw;
	max-width: 400px;
	text-align: center;
	opacity: 0.8;
}

#track-title{
	font-size: 2em;
}

#artist-name{
	font-size: 1em;
}

#links{
	font-size:5vw;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.platform_logo {
	width: 100%;
	margin-top:1vw;
}

.inherit-background{
	background-color: inherit;
}

#album_art {
	width: 100%;
	border-radius: 15px;
}

.navbar-custom {
    background-color: rgba(40,40,40,0.8);
}

#logo_Image{
	height: 40px;
	margin-top: -10px;
	margin-bottom: 5px;
}

input.gray_Input{
   background-color:rgba(200,200,200,0.8);
   border:rgb(181,181,181);
}

textarea.gray_Input{
	background-color:rgba(200,200,200,0.8);
   	border:rgb(181,181,181);
}

.custom_Hr{
	width: 40px;

}
.carousel_Circle > img{
	width: 150px;
	height: 150px;
	margin:auto;
}

.carousel_Circle{
	width: 200px;
    height: 200px;
    margin: auto;
	background-color: black;
    border-radius: 100px;
    padding: 25px;
}

.custom_Carousel{
	width: 100%;
	height: 200px;
	margin: auto;
	padding: 0px;
}

.carousel-indicators{
   bottom:0px; 
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    color: #F2E4D1;
}

.bg_Coral_Pink_Darker{
    background-color: rgb(210,98,96);
}

.bg_Transparent{
	background: transparent;
}

.bg_black{
	background: black;
}

.color_Ecru{
	color: #F2E4D1;
}

.color_Coral_Pink_Darker{
	color: rgb(210,98,96);
}

.color_teal{
	color: rgb(130,208,250);
}

.color_Coral_Pink{
	color: #E29C87;
}

.form{
	background-color: none;
	max-width: 300px;
	width: 90%;
}

.success_Form{
	max-width: 300px;
	max-height: 300px;
	width: 90%;
	padding: 10px;
	background-color: rgba(200,200,200,0.8);
	margin: auto;
	border-radius: 20px;
}

.your_Opi_Title{
	font-weight: thin;
	text-align: center;
}

.title{
	padding-top: 10px;
	text-align: center;
	font-size: 25px;
	color:#F2E4D1;
	font-weight: thin;
}

.success_Title{
	font-size: 20px;
	color:#F2E4D1;
}

.field{
	background-color: rgba(111,111,111,0.8);
}
.form-group{
	position: left;
	color:#F2E4D1;

}

.form-control{
	/*position: center;*/
	background-color: rgba(111,111,111,0.8);
}


.btn-custom {
  color: black;
  background-color: rgb(130,208,250);
  border-radius: 20px;
}
/*.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  color: #ffffff;
  background-color: #E29C87;
  border-color: #E29C87;
}
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  background-image: none;
}
.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
  background-color: #E29C87;
  border-color: #E29C87;
}
.btn-custom .badge {
  color: #E29C87;
  background-color: #E29C87;
}*/

.btn-custom2 {
  color: #000;
  background-color: #F2E4D1;
  border-color: #F2E4D1;
  border-radius: 15px;
  margin-bottom: 10px;
}
/*.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2:active,
.btn-custom2.active,
.open .dropdown-toggle.btn-custom2 {
  color: #000;
  background-color: #F2E4D1;
  border-color: #F2E4D1;
}
.btn-custom2:active,
.btn-custom2.active,
.open .dropdown-toggle.btn-custom2 {
  background-image: none;
}
.btn-custom2.disabled,
.btn-custom2[disabled],
fieldset[disabled] .btn-custom2,
.btn-custom2.disabled:hover,
.btn-custom2[disabled]:hover,
fieldset[disabled] .btn-custom2:hover,
.btn-custom2.disabled:focus,
.btn-custom2[disabled]:focus,
fieldset[disabled] .btn-custom2:focus,
.btn-custom2.disabled:active,
.btn-custom2[disabled]:active,
fieldset[disabled] .btn-custom2:active,
.btn-custom2.disabled.active,
.btn-custom2[disabled].active,
fieldset[disabled] .btn-custom2.active {
  background-color: #F2E4D1;
  border-color: #F2E4D1;
}

.btn-custom2 .badge {
  color: #000;
  background-color: #F2E4D1;
}*/

input, textarea{
    background-color:#666;
    color: #FFF;
}

@media (min-width: 760px) { /*desktop specific settings. */

	.carousel_Circle > img{
		width: 300px;
		height: 300px;
		margin:auto;
	}

	.carousel_Circle{
		width: 400px;
	    height: 400px;
	    border-radius: 200px;
	    padding: 50px;
	}

	.custom_Carousel{
		height: 400px;
	}

	.float_bottom{
    	height:200px;
	}

}