@font-face{
      font-family: 'existencelight';
    src: url('../fonts/Existence-Light-webfont.eot');
    src: url('../fonts/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Existence-Light-webfont.woff') format('woff'),
         url('../fonts/Existence-Light-webfont.ttf') format('truetype'),
         url('../fonts/Existence-Light-webfont.svg#existencelight') format('svg');
    font-weight: bold;
    font-style: normal;
}

.background-transparent{
    color: white;
    background-color: rgba(4, 93, 28,0.5);
}

a{
    color:white;
    text-decoration:underline;
}

#logo{
   padding:55px;
   padding-bottom:20px;
}

body{
	font-family: 'existencelight';
    background-image: url("../Images/");
    background-size:100% auto;
    background-size:cover;
}

body img{
    max-width: 100%;
    height: auto;
}

p{
    font-size:30px;
}

.jumbotron{
    color:white;
    background-color:rgba(4, 93, 28,0.5);
}

.col-md-4{
    color:white;
    background-color:rgba(4, 93, 28,0.5);
}

.navbar, navbar-brand{
    color:white;
    background-color:rgb(4, 93, 28);
    text-align:center;
}

.navbar-inverse .navbar-brand{
    color:white;
    font-size:25px;

}

.navbar-collapse collapse{
    text-align:center;
}

.navbar-inverse .navbar-nav > li > a{
    color:white;
    font-size: 15px;
}

#right-image-par{
    position:fixed;
    right:1px;
    top:50px;
    width:8%;
}

#left-image-par{
    position:fixed;
    left:1px;
    top:50px;
    width:8%;
}

@media only screen and (max-width: 900px) {
    #right-image-par{
        display:none;
    }

    #left-image-par{
        display:none;
    }

    p{
    font-size:20px;
    }
}

.thumbnails img {
	height: 80px;
	border: 4px solid #555;
	padding: 1px;
	margin: 0 10px 10px 0;
}

.thumbnails img:hover {
	border: 4px solid #00ccff;
	cursor: pointer;
}

.preview img {
	border: 4px solid #444;
	padding: 1px;
	width: 100%;
}

.preview1 img {
	border: 4px solid #444;
	padding: 1px;
	width: 100%;
}

.preview2 img {
	border: 4px solid #444;
	padding: 1px;
	width: 100%;
}

.preview3 img {
	border: 4px solid #444;
	padding: 1px;
	width: 100%;
}

#secretlol{
    display:none;
}

form{
    font-size:300%;
}