body {
background-image: -webkit-linear-gradient(-90deg, rgba(253,223,147,1) 10%, rgba(97,127,226,1) 50%, rgba(255,167,230,1) 100%);
background: linear-gradient(to bottom, rgba(253,223,147,1) 10%, rgba(97,127,226,1) 50%, rgba(255,167,230,1) 100%);
/* background-color:rgba(197,127,226,1);  */
font-family: 'Arial Narrow', Arial;}

div#radient{
pointer-events:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');

position:fixed;
z-index:999;
width:100%;
height:100%;
background: -moz-linear-gradient(top, rgba(124,231,215,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,231,215,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(124,231,215,0.65) 100%,rgba(0,0,0,0) 0%);
background: -o-linear-gradient(top, rgba(124,231,215,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(124,231,215,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(124,231,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67ce7d7', endColorstr='#00000000',GradientType=0 );	
}

.logo {position:fixed;
width:150px; height:150px;
left: 50%;
margin-left: -75px;
}



.navbar-default {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  border-color: transparent;
  filter: none;
  border-color: transparent;
}

.navbar-default .navbar-nav>li>a, .dropdown-menu{
  font-size: 1.5em;
  
  color: rgba(255,255,255,.8);
  letter-spacing: 2px;
  text-align: justify;
  background-color: transparent;
}



/* columns for modal */

.first-column {
  width: 50%;
  float: left;
}

.second-column {
  width: 50%;
  float: right;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .dropdown-menu li a:hover {
background-color:transparent;
text-decoration: underline;	
	
}


.modal-content {
	
border-radius: 0px;
background-color: rgb(239, 191, 166);	
	
}

.modal-body img {

padding-bottom: 20px;	
	
}

.modal-backdrop.in {

opacity:0;	
	
}

.modal-dialog {
	

margin: 10px auto;	
	
}

h4.modal-title {

text-align: center;	
	
}

.modal-header {
	
border-bottom: 0;
	
}

blockquote.pull-right, .blockquote-reverse {
	
border-right:none;	
}

@media (min-width: 768px){
    .navbar-nav{
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float:none;
    }
}

.main {
	
padding-top: 200px;	
padding-bottom: 200px;	
	
}


.rotate {

/* Safari */
-webkit-transform: rotate(20deg);

/* Firefox */
-moz-transform: rotate(20deg);

/* IE */
-ms-transform: rotate(20deg);

/* Opera */
-o-transform: rotate(20deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.chime {color:black;}

.chime:hover {color:black;}


a {color:black;}
a:hover {color:black;}

.front {z-index:99999;}


/* uncollapse navbar */




@media (min-width: 1px){
.navbar-nav>li {
float: left;

}

.navbar-nav {
margin: 0 auto;
display: table;
table-layout: fixed;
float: none;
}

}

/* phone stuff */

@media only screen and (max-device-width: 480px) {
	
.navbar-nav>li {
font-size: 50%;

}

.nav>li>a {

padding: 15px 9px;
}

.logo {width:110px;height:110px;left:50%;margin-left: -55px;
}

#about h1 {font-size:90%;}
	
}

.on-top{
	
	z-index: 999 !important;
}