@font-face {
  font-family: 'Globo Rounded Regular';
  src: url(assets/fonts/globo-rounded-regular.ttf); }

@font-face {
  font-family: 'Globo Rounded Thin Italic';
  src: url(assets/fonts/globo-rounded-thin-italic.otf); }

@font-face {
  font-family: 'Globo Text Regular';
  src: url(assets/fonts/globo-text-regular.otf); }

@font-face {
  font-family: 'Globo Text Light';
  src: url(assets/fonts/globo-text-light.otf); }

@font-face {
  font-family: 'Globo Text Bold';
  src: url(assets/fonts/globo-text-bold.otf); }

* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Globo Text Light", -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: normal;
  font-size: 16px;
}

body{
  background-color: #9a26fb;
  background-image: url(assets/img/trainee-globo.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: fixed;
  background-size: 20vw auto;
  padding-left: 20vw;
  padding-right: 20vw;
}

@media screen and (max-width: 900px){
  body{
    padding-left: 15px;
    padding-right: 15px;
    background-size: 45vw auto;
  }
}

h1{
  font-family: "Globo Rounded Thin Italic", -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 50px;
  line-height: 52px;
  color: #fff;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

h2{
  color: #fff;
  font-family: "Globo Text Regular";
  font-size: 35px;
  text-align: center;
}

.container{
  margin-bottom: 50px;
}

.container > .list-group > .list-group-item{
  padding: 0;
  border-left: none;
  border-right: none;
}

.list-group > .list-group-item > a{
  padding: .75rem 1.25rem;
  display: block;
}

.list-group > .list-group-item > a svg{
  display: inline;
  transition: transform 0.2s ease-in-out;
}

.list-group > .list-group-item > a[aria-expanded="true"] svg{
  transform: rotate(180deg);
}

.list-group > .list-group-item > .collapse,
.list-group > .list-group-item > .collapsing{
  padding: 0 1.25rem !important;
}