body {
    font: 20px "Times New Roman", serif;
    line-height: 1.8;
    color: #f5f6f7;
}
h1 {font-size: 90px;}
h2 {font-size: 60px;}
p {font-size: 20px;}
.margin {margin-bottom: 45px;}
.bg-1 { 
    background-image: url("images/art/cropped_mountains1.jpg");
    background-size: cover; /* or contain depending on what you want */
    background-position: center center;
    background-repeat: no-repeat;
   
    animation: fadeIn 5s;
    -webkit-animation: fadeIn 5s;
    -moz-animation: fadeIn 5s;
    -o-animation: fadeIn 5s;
    -ms-animation: fadeIn 5s;
    
    background-color: #ffffff; /* Green */
    color: #ffffff;
    word-wrap: break-word;
}
.bg-panel {
    background-color: rgba(28,31,36,.5); /* Dark Blue */
    
    color: #ffffff;
}

.bg-2 { 
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
}
.bg-3 { 
    background-color: #ffffff; /* White */
    color: #555555;
}
.bg-4 { 
    background-color: #2f2f2f; /* Black Gray */
    color: #fff;
}
.container-fluid {
    padding-top: 70px;
    padding-bottom: 70px;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    top:0;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 20px;
    letter-spacing: 3px;
}
.navbar-nav  li a:hover {
    color: #1abc9c !important;
}
.navbar-brand li a:hover{
    color:#ffee59;
}
.panel-transparent {
    background: none;
}

.panel-transparent .panel-heading{
    background: rgba(122, 130, 136, 0.2)!important;
}

.panel-transparent .panel-body{
    background: rgba(46, 51, 56, 0.2)!important;
}
.main{
    margin-top: 80px;
}
.bg-panel2{
    padding-left: 10px;
    background-color: #596174;
    color:white;
}
.bg-panel2alt{
    padding-left: 10px;
    background-color: #4e5870;
    color:white;
}

.colorlink
{
    color:orange
    
}