/*/// COLOR PALETTE ////

LIGHT BLUE GRAY: #ABCAD4
DARK BLUE GRAY: #58686E
LIGHT GRAY: #BDBDBD;
BLACK: #000000
LIGHT BLUE: #C3E9F5

*/

/*/ BODY ELEMENTS /*/

body {font-family: "Raleway", sans-serif; }

body, html {height: 100%;
			margin: 0; } 

.bg {
  /* The color used */
  background: #BDBDBD;

  /* Full height */
  height: 100%; 

  /* Center and scale the color nicely */
  background-position: center;
  background-repeat: repeat-y;
  background-size: cover;     }

.opacity{
	animation:opac 0.8s}@keyframes opac{from{opacity:0.5} to{opacity:1};   }

.header {
  background-color: #BDBDBD;
  padding: 20px;
  text-align: center;   }

/*/ POSITION /*/

.position{
	text-align: center;  }

.column{
  padding: 32px;      }

/*/ FONT /*/ 

.menu-font{
	font-size:36px!important;
	color: #FFFFFF!important;
}

h1 {  color: #000000;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      font-variant: small-caps;   }

h2 {  color: #58686E;
      font-weight: bold;
      font-size: 16px;
      text-align: center;     }

p {   text-align: justify;
      margin: 0px;
      margin-left: auto;
      margin-right: auto;
      max-width: 775px;
      font-size: 16px;
      color: #373a3b;
      font-family: "Raleway", sans-serif;       }

strong  { color: #000000;
        font-weight: bold;    }

/*/ BUTTONS & LINKS /*/

.button {
  background-color: #000000; /* Black */
  border: none;
  color: white;
  width: 145px;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
  background-color: #C3E9F5; /* Light Blue Grey */
  color: white;
  outline-color: #BDBDBD;
}

a { color:  #FFFFFF;
		text-decoration: none;
		border: none; 		}

a:hover {	color: #C3E9F5; 	}

 ul {		margin: 0;
				padding-left: 0;
				list-style-type: none;	
				/*/text-align: center;		/*/}


ul, li { 	list-style-type: none;
			font-size: 20px;		}

/*/ IMAGES /*/

/* .icon is the class for social icons */
.icon {   width: 50px;
          height: 50px;
          border: none;   }

/* .icon is the class for social icons */
.icons {
 display: table; /* shrink wrap the contents */
 margin: 0 auto; /* center via left/right margins */ }

/* .sbp is the class for images on press page */
.sbp {    height: 200px;
        border: 1px solid #000000;    }