*{
    
-moz-transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
    font-size:16px;
}
h1,h2,h3,p {
    line-height: 2em;
    padding : 5px 10px 0px;
}
img{
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
}
ul{
    margin:0px;
}
.slide{
    text-align: center;
    padding:10px 0;
    
    min-width: 100%;
    min-height: 100%;
}
.slide .container{
    background: white;
    padding:20px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.slide-1{background: #ddd url(/images/bg-sky.jpg) ;background-size: cover; }
    .slide-1 h1,.slide-1 h2,.slide-1 h3{ color:#636}
    .slide-1 img{max-width: 61%}
    .slide-1 .container{background: rgba(255,255,255,0.6)}
.slide-2{background: #ddd url(/images/bg-texture-blue.jpg) ;background-size: cover;}
    .slide-2 .container{background: rgba(255,255,255,0.6)}
.slide-3{background: #ddd url(/images/bg-pier.jpg) ;background-size: cover;}
    .slide-3 .container{background: rgba(255,255,255,0.8)}
    .slide-3 img{max-width: 61%}
    .slide-3 h2{margin:0.75em 0 0.5em;}
.slide-4{background: #ddd url(/images/bg-texture-soft.jpg) ;background-size: cover;}
    .slide-4 .container{background: rgba(255,255,255,0.6)}

body{padding:0px;margin:0px;}
img{max-width: 100%;}
.nav-link{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 255, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
    display: inline-block;
    height: 20px;
    margin-top: 36px;
    width: 61%;
}
.slide-anchor{height:1px;}
p{font-size:16px;}
@media (max-width: 480px) {
}
#menu{background:black;background:rgba(0,0,0,0.8); padding:20px; position:fixed;top:0px;left:0px;width:100%;}
#menu ul {margin:0px}
#menu ul li{ display:inline-block;}
#menu ul li a{
    background: none;
    display:inline-block;
    padding: 10px 20px;
    margin: 0px;
    line-height: 10px;
}
#menu ul li a:hover{
    background-color: #0074CC;
background-image: -moz-linear-gradient(top, #08C, #05C);
background-image: -ms-linear-gradient(top, #08C, #05C);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#05C));
background-image: -webkit-linear-gradient(top, #08C, #05C);
background-image: -o-linear-gradient(top, #08C, #05C);
background-image: linear-gradient(top, #08C, #05C);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
}
#menu ul li a.active{
background: #0055cc;
}
ul li{ list-style: none;}