body {
/* Margin bottom by footer height */ margin-bottom: 100px;
}
.wrapper {
padding-top: 75px;
}
.footer {
padding-top: 150px; /* Set the fixed height of the footer here */ height: 100px;
}
.img-brand {
height: 24px; width: 30px;
}
.img-center {
margin: 0 auto;
}
.image-bg-fluid-height, .image-bg-fixed-height {
text-align: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
}
.image-bg-fluid-height {
/*background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;*/ background: url('../images/camp.jpg') no-repeat center center scroll; padding: 100px 0;
}
.image-bg-fixed-height {
background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll; height: 450px;
}
search {
position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.80); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); z-index: 1; opacity: 1;
}
search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1;
}
search input {
position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; background-color: rgba(0, 0, 0, 0.8); opacity: 0.8;
} search .btn {
position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px;
} search .close {
position: fixed; top: 75px; right: 15px; color: #fff; background-color: #428bca; border-color: #357ebd; opacity: 1; padding: 10px 17px; font-size: 27px;
}