@import './base.css';

/*#app {
  margin: 0 auto;
  font-weight: normal;
}*/

a,
.green {
  text-decoration: none;
  color: #6495ed;
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: #e8ecfc;
  }
}

main{
  display: block;
}
main > :last-child{
  margin-bottom: 90px;
}

.components{
  padding:0;
  margin:0;
  width: 100%;
  display: block;
}

.component{
  background-color: transparent;
  min-height: 500px;
}

.component-text{
  padding: 0 16px;
}

.component-cornflower{
  background-color: #6495ed;
}

.component-dark{
  background-color: #181c27;
  color: #fff;
}

div.component-bg-top{
  background-image: url(../images/AdobeStock_817967092_2.jpg);
  background-size: auto 485px;
  background-position: center -126px;
  background-repeat: repeat-x;
  height: 260px;
  min-height: 260px;
}

div.component-bg-bottom{
  background-image: url(../images/AdobeStock_817967092_1.jpg);
  background-size: auto 485px;
  background-position: center -81px;
  background-repeat: repeat-x;
  height: 260px;
  min-height: 260px;
}

.component-padding{
  padding:25px;
}
