/* Sticky footer styles
-------------------------------------------------- */
@font-face{
font-family:Montserrat;
src: url("../font/Montserrat/static/Montserrat-Regular.ttf");
}

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom: 60px; /* Margin bottom by footer height */
}

#header{
  width: 100%;
  height: 330px;
  text-align:center;
  background:  url("../media/banner2.jpg") no-repeat;
  background-size: 100% auto;
#  background-position-y: 80%;
  color:white;  
  margin-right:0px;
  margin-left:0px;
  
}

.main{
  background-color:#26378f ;
  padding-top:2rem;
  padding-bottom:2rem;
}

.h1{
  font-size:3rem;
#  font-weight:bold;
}

.test1 {
   width: 50px;
   height: 50px;
   background-image: url("media/oed_logo.png");
}​

.test2 {
   width: 50px;
   height: 50px;
   background-image: url("media/banner2.jpg");
}​

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align:center;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

@font-face {
  font-family: Montserrat;
  src:  url("../font/Montserrat/Montserrat-VariableFont_wght.ttf");
}

.container {
 width: auto;
  
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:auto;
  margin-top: auto;
  font-family: Montserrat;
}