/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);

@keyframes bg2ani {
    0%   {opacity: 0;}
    10%  {opacity: 0;}
    13%	 {opacity: 1;}
    23%	 {opacity: 1;}
    26%   {opacity: 0;}
    36%  {opacity: 0;}
    39%	 {opacity: 1;}
    49%	 {opacity: 1;}
   52%   {opacity: 0;}
    62%  {opacity: 0;}
    65%	 {opacity: 1;}
    75%	 {opacity: 1;}
    78%   {opacity: 0;}
    88%  {opacity: 0;}
    91%	 {opacity: 1;}
    100%	 {opacity: 1;}
}




a, h1, h2, h3, h4{
	color: rgb(211,109,38);;
}
p, ul, li{
	color: rgb(255,255,255);
}
body {
  

 }
 .bgx{
	 position: fixed;
	 left: 0;
	 top: 0;	 
	 width: 100vw;
	 height: 100vh;
 }
 .bg1{
	 z-index: -2;
	 background-color: #f00;
	 background: url('/images/backgrounds/IMG_5572.jpg') no-repeat center center fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
 }
 .bg2{
	 z-index: -1;
	 background-color: #f00;
	 background: url('/images/backgrounds/IMG_4693.jpg') no-repeat center center fixed;
	   -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  opacity: 0;
      animation-name: bg2ani;
    animation-duration: 60s;
 }
 .pagesection{
  min-height: calc(100vh - 100px);
  
}

a.navbar-brand{
	font-family: 'Coustard', serif;
}
nav.bg-dark {
	background-color:rgba(52, 58, 64,.3)!important;
}

footer {
    width: 100%;
    background-color:rgba(52, 58, 64,.3)!important;
    text-align: center;
    color: rgba(255,255,255,.7);
    padding: 7px;
}