@charset "UTF-8";

/*
=====================================================================
*   Adrien Blanchet
*   09-08-2018
=====================================================================

   TOC:
   a. Banner Style

===================================================================== */


/* ------------------------------------------------------------------ */
/* a. Banner Style
/* ------------------------------------------------------------------ */

.banner{
  height: 135%;
  position: fixed;
  background: #161415 url(/images/banner.jpg) no-repeat top right;
  background-size: cover !important;
}

.banner-text{
  position: fixed;
  top: 40%;
  left: 10%;
}

.banner-panel{
  display: inline-block;
  height: 50px; /*sets height of element*/
  background: cornflowerblue; /*sets the background of this element (here a solid colour)*/
  transition: all 0.6s; /*sets a transition (for hover effect)*/
  padding-left: 20px; /*sets 'padding'*/
  padding-right: 20px; /*sets 'padding'*/
  line-height: 50px; /*for this, it sets vertical alignment*/
}

.banner-text h1{
  color: #FFFFFF;
  text-shadow: 1px 1px 20px #000000;
}

.banner-text .btn {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

.bgc-ua-blue{
  background-color:rgba(0,51,177,0.9);
}