body {
  background: url(../img/Bkgd_elipse_gradations.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
/* .starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
} */
.logo {
display: inline block;
margin-top: 2rem;
margin-bottom: 2rem;
width: 400px;
height: auto;
}
h1 {
margin-top: 20px;
font-size: 36px;
font-weight: 200;
color: #255682;
}
h4 {
color: #255682;
}
a img:hover{
  opacity: .7
}
.row{
margin-top: 0vh;
margin-bottom: 0vh;
}
.row.boxes {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1750px) {
  .row.boxes {
    /* background-color: pink; */
    max-width: 1289px !important;
  }
}

@media (max-width: 575px) {

}
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  body {
    min-height: 500px;
    /* margin-bottom: 30rem; !important; */
  }
  .logo {
    margin-top: 10px;
    margin-bottom: .5rem;
    width: 200px;
    height: auto;
}
.container.spacer{
  height: 1rem;
}
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  body {
    min-height: 500px;
    /* margin-bottom: 30rem; !important; */
  }
  .container.spacer{
    height: 1rem;
  }
  .logo {
    margin-top: 10px;
    margin-bottom: .5rem;
    width: 200px;
    height: auto;
}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  body {
    min-height: 500px;
    /* margin-bottom: 30rem; !important; */
  }
  .container.spacer{
    height: 15rem;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  body {
    min-height: 1150px;
    /* margin-bottom: 30rem; !important; */
  }
  .container.spacer{
    height: 40rem;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {
    min-height: 1350px;
    /* margin-bottom: 30rem; !important; */
  }
  .container.spacer{
    height: 40rem;
  }
}

a.info {
  text-decoration: none;
  color: #D5D5D5;
  font-size: 16px;
  font-weight: 300;
}

p.info, blind {
  text-decoration: none;
  color: #D5D5D5;
  font-size: 16px;
  font-weight: 300;
}


a.info:hover {
  color: #85b93f;
}
.buffer{
margin-top: 10px;
}

/* .container.spacer{
  height: 30rem;
} */
footer {
  position: relative;
  bottom: 0;
  width 100%;
  background-color: #23415C;
  padding: 1% 1% 5% 6%;
}