html {
  scroll-behavior: smooth;
}

body {
  font-family: Oswald, Verdana, Times New Roman, sans-serif;
  text-align:justify;
  font-size: 1rem
}

ul {
  padding-left: 2rem;
  font-size: 0.9rem
}

.link_underline{ text-decoration: underline; }

.navbar-nav .nav-item .nav-link, .navbar-nav .nav-item .nav-link:visited .nav-link:hover .nav-link:active { color: #F2F2F2; }

.bg-abstract{
  /*background-color: #F2F2F2;*/
	padding: 2%;
	padding-top: 120px;
	width: 100%;
}

.bg-final{
  text-align:center;
  width: 100%;
  background-color: #F2F2F2;
  padding: 2%;
  margin-top: 2%;
  color: #4D3273;
}

.text-custom-dark { color: #4D3273; }
.text-custom-dark a:link { color: #4D3273; }
.text-custom-dark a:visited { color: #4D3273; }
.text-custom-dark a:hover { color: #4D3273; }
.text-custom-dark a:active { color: #4D3273; }

h6.text-custom-title { color: #4D3273; font-weight: bold; margin-bottom: 1em; }
h4.text-custom-title { color: #4D3273; font-weight: bold; margin-bottom: 1em; }
h3.text-custom-title { color: #4D3273; font-weight: bold; margin-bottom: 1em; }
h2.text-custom-title { color: #4D3273; font-weight: bold; }
h1.text-custom-title { color: #4D3273; font-weight: bold; }

.bg-top { background-color: #4D3273 !important; }

.bg-bottom { background-color: #4D3273 !important; }

.circle{ border-radius: 50%; }

footer.py-5.bg{
	background-color: rgba(0, 51, 102, 1) !important;
}

.block {
  margin: auto;
  /*margin-top: 8rem;*/
  padding: 2rem;
  padding-top: 10rem;
  text-align:left;
  vertical-align: middle;
  align-items: center;
  justify-content: space-evenly;
  width: 90%;
}

.border-right{
  border-right: 0.2rem solid #4D3273;
}

.border-left{
  border-left: 0.2rem solid #4D3273;
}

.element{
  margin: 2%;
}

.margin-left-right{
  margin-right: 1%;
  margin-left: 1%;
}

.padding-top { padding-top: 6rem; }
.padding-bottom { padding-bottom: 3rem; }

.div-border-bottom {
  margin-left: 35%;
  margin-right: 35%;
  width: 30%;
  border-bottom: 0.2rem solid #4D3273;
}

.background-color-white{ background-color: white; }

.cover { object-fit: scale-down; }

.circle { border-radius: 50%; }

.vertical-row {
  height:50%;
  width:0.1em;
  background-color: #4D3273;
}

.image-size{ width: 150px; }
.logo-dim-big{ height: 70px; }
.logo-dim-small{ height: 30px; }


@media screen and (max-width: 600px) {
  body{ font-size: 0.5rem; }
  ul {   padding-left: 1rem; font-size: 0.5rem; }

  h6.text-custom-title { font-size: 0.5rem; }
  h4.text-custom-title { font-size: 0.8rem; }
  h3.text-custom-title { font-size: 1rem; }
  h2.text-custom-title { font-size: 1.5rem; }
  h1.text-custom-title { font-size: 2rem; }
  .image-size{ width: 50px; }
  .logo-dim-big{ height: 40px; }
  .logo-dim-small{ height: 20px; }

  .padding-top { padding-top: 3rem; }
  .padding-bottom { padding-bottom: 1.5rem; }

  .block { padding: 30px; }

}

@media (max-aspect-ratio: 5/5) {
  .block {
    flex-flow: column;
    background: white;
    text-align: justify;
  }

  .border-right { border-right: 0; }

  .border-left { border-left: 0; }
  
  .margin-bottom { margin-bottom: 3rem; }

  .square{
    border-radius: 1rem;
    border: 0.2rem solid #4D3273;
    height: 100%;
    width: 100%;
    padding: 1rem;
    margin: 3rem;
  }

  .col-sm-3 {
    width: 80%;
    max-width: 80%;
  }

  .col-sm-4 {
    width: 80%;
    max-width: 80%;
  }
  .col-sm-5 {
    width: 80%;
    max-width: 80%;
  }

  .col-sm-6 {
    width: 80%;
    max-width: 80%;
  }

  .col-sm-7 {
    width: 80%;
    max-width: 80%;
  }

  .col-sm-8 {
    width: 80%;
    max-width: 80%;
  }
}


@media (max-aspect-ratio: 4/5) {

  .col-sm-3 {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-4 {
    width: 100%;
    max-width: 100%;
  }
  .col-sm-5 {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-6 {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-7 {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-8 {
    width: 100%;
    max-width: 100%;
  }
}