html { 
    height:100%;
    background-size:cover;
}

body{
    /*background: red;  For browsers that do not support gradients */
  /*  background: -webkit-linear-gradient(yellow, red); /* For Safari 5.1 to 6.0 */
  /*  background: -o-linear-gradient(yellow, red); /* For Opera 11.1 to 12.0 */
  /*  background: -moz-linear-gradient(yellow, red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3c92d8, #b3ffff); /* Standard syntax */
    background-attachment: fixed;
}

#logo-container{
 background: #acff90; /*#ff0000ff; /*#ACFF90*/
 text-align:center;
 color:blue;

}

.list{
	text-align:center;
	list-style-position:inside;
}

.spoiler{
	color:#FFDD55;
	text-shadow: 1px 1px 2px grey;
	font-size:19px;
	margin-top:16px;
}

#Company{
	margin-left:20px;
	color:white;
	margin-top:13px;
	text-shadow:1px 1px .2px black;
}

nav.navbar{
	border:1px solid black;
	margin-bottom:0px;
}
.navbar {
      margin-top: 0;
      margin-bottom: 0;
      background-color:#3c92d8;/*dark blue*/
      z-index: 9999;
      border: 0;
      font-size: 15px !important;
      line-height: 1.4 !important;
      letter-spacing: 2px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
      box-shadow: 0px 5px 5px grey;
  }


a.navbar-text, a.navbar-text:hover{
	margin:0;
	color:white;
	text-decoration:none;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
      color: black !important;
      background-color: #00AEEF !important;
  }


.navbar li a, .navbar .navbar-brand{
	color:white !important;
	border-left-style: solid;
	border-width: 1px;
	border-color: black;
		text-shadow: 1px 1px .2px grey;

}

.navbar li:last-child a{
	margin-right: 25px;
	border-right-style: solid;
	border-width: 1px;
	border-color: black;
}

.navbar .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
	  
  }
  
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
	  
  }
  
.icon-bar{
	background-color:black;
}

#top-right{
	margin-top:20px;
	margin-bottom:8px;
	font-family:'Amaranth', sans-serif;
	color:#3c92d8;
	border-style:groove;
	border-width:4px;
	border-color:#3c92d8;
	border-radius:16px;
	text-shadow: 1px 1px .2px grey;
	letter-spacing:1.2px;
	padding:12px;
	padding-top:6px;
	padding-bottom:6px;
}

#top-left{
	margin-top:1em;
	margin-bottom:1em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*width:230px;*/
	border-style: solid; 
	border-color: black; 
	border-width: 0 0 2px 0; 
	border-radius: 16px;
}


#top-left3{
	text-align:right;
}


#main-buttons{
	
	margin-bottom:0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*margin-left:12px;
	margin-right:12px;*/
	border-style: solid; 
	border-color: black; 
	border-width: 0 0 2px 0; 
	border-radius: 16px;

}

#opener{
	
	/*padding-left:12px;
	padding-right:12px;*/
	margin-bottom:12px;
	line-height:1.3em;
	letter-spacing:1.2px;
	text-align:left;
	margin-top:4px;
}



#whatwedo{
	margin-bottom:8px;
	line-height:24px;
	letter-spacing:1px;
	margin-top:10px;
	font-size:18px;
}

#nicemachine{
	margin:auto;
	margin-top:16px;
	margin-bottom:12px;
	border:2px solid #ACFF90;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	max-height:145px;
}

#nicemachine2{
	height:125px;
}

#messy{
	padding-right:5px;
}

#popular{
	margin-bottom:0px;
}

#doublet{
	padding-right:0px;
}

#doublem{
	padding-left:0;
	padding-right:0;
}

#bubblepics{
	border:5px solid #ACFF90;
	margin-bottom:24px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#special{
	background-color:white;
	border-style:solid;
	border-width:7px;
	border-color:#ACFF90;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:24px;
	padding-left:14px;
	padding-right:14px;
}

ul{
	padding-left:10px;
}

ul li{
	text-align:left;
}

iframe{
	
}
#mixes2{
	list-style-image: url('sun4.jpg');
	list-style-position:inside;
	font-size:22px;
	
}

#mixes3{
	list-style-image: url('sun4.jpg');
	list-style-position:outside;
	font-size:18px;
}

#special2{
	background-color:white;
	border-style:solid;
	border-width:7px;
	border-color:#ACFF90;
	padding-top:10px;
	padding-left:12px;
	padding-right:12px;
}

#special3{
    /*font-family: 'Amaranth', sans-serif;*/
	border-bottom:7px solid #ACFF90;
	border-left:5px solid #ACFF90;
	border-right:5px solid #ACFF90;
	background-color:white;
	margin-bottom:14px;
	padding-top:6px;
	padding-bottom:20px;
}

p{
	font-size:1.875em;
}

#welcome{
	text-shadow: 1px 1px 4px grey;
	margin-top:12px;
	text-align:center;
}


#welcome2{
	text-shadow: 1px 1px 2px grey;
	margin-top:12px;
	text-align:center;
	letter-spacing:.8px;
}


#mixes_main{
	font-size:48px;
	border-bottom:3px groove black;
	padding-bottom:12px;
}

#special4{
	background-color:#ACFF90;
	padding-left:16px;
	padding-bottom:16px;
	padding-top:26px;
	margin-bottom:0px;
	font-family: Montserrat, sans-serif;
	border-top:2px solid white;
	margin-top:28px;
}

@media all and (min-width:535px) and (max-width:1000){
   #welcome {
    font-size:35px;
  }
}

@media all and (min-width:535px) and (max-width:1000){
   #welcome2 {
    font-size:24px;
  }
}

@media all and (max-width:470px){
   #welcome {
    font-size:20px;
  }
}

@media all and (max-width:470px){
   #welcome2 {
    font-size:16px;
  }
}
@media all and (min-width:992px){
    #opener{
	font-size:28px;
	margin-top:20px;
	text-indent:50px;
  }
}

@media all and (max-width:992px){
    #opener{
	font-size:18px;
  }
}

@media all and (min-width:1000px){
   #welcome {
	   padding-top:26px;
    font-size:46px;
  }
}

@media all and (min-width:1000px){
   #welcome2 {
    font-size:32px;
  }
}

/* Flaired edges, by Tomas Theunissen */ 
hr.style-seven { 
	height: 30px; 
	border-style: solid; 
	border-color: black; 
	border-width: 1px 0 0 0; 
	border-radius: 20px; 
} 

hr.style-seven:before { 
/* Not really supposed to work, but does */ 
	display: block; 
	content: ""; 
	height: 30px; 
	margin-top: -31px;
	border-style: solid; 
	border-color: black; 
	border-width: 0 0 1px 0; 
	border-radius: 20px; 
}

#undy{
	text-decoration:underline;
	color:black;
}

#fbook{
	margin:0;
	padding:0;
	
}

#weddingrec{
	text-shadow: 1px 1px 1px grey;
	line-height:46px;
	letter-spacing:2px;
}
#footer{
	text-shadow: 1px 1px .2px grey;
	font-color:black;
	letter-spacing:2px;
	padding-right:20px;
}

#footer2{
	background:white;
	font-color:white;
}

#mine{
	max-height:145px;
}

#rentals2{
	background-color:white;
	border-style:solid;
	border-width:9px;
	border-color:#ACFF90;
	padding-top:15px;
	margin-bottom:15px;
}

#left{
	text-align:left;
}