/*!
 * Start Bootstrap - Landing Page v5.0.8 (https://startbootstrap.com/themes/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */


 body {
  font-family: 'Poppins', sans-serif;
  background-color: #fdfdfd;
  color: #203542;
  background-image: url(../img/bg-body.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #203542;
}

.afterheader{
  max-width: 100%;
  position: absolute;
}

h1{
  color: #203542;
  margin: 1em;
  font-size: 3em;
}

h2{
  font-size: 2.5em;
    text-align: center;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.one {
  border-bottom: 2px solid;
  padding-bottom: 1em;
  padding-top: 1em;
}


.two{
	margin:60px 0;
}

footer {
  background: #203542;
  color: #fff;
  background-image: url(../img/bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right -3px;
}
footer p{
	font-size: 18px;
}

footer a,a:hover{
	color:#fff;
}

.agenda{
  background-color: #f0f0f0;
}

ul{
  list-style: none;
}

li {
  display: inline-block;
  margin-right: 15px;
}

.form-control, .custom-select{
  background-color: #f1f4e5;
  border: none;
  border-radius: 25px;
}

label{
  font-size: 1.5em;
}

.form-group {
  margin-top: 2em;
}

.btn-primary{
  background-color: #bfd185;
  color: #203542;
  border-radius: 25px;
  border:none;
  font-weight: bold;
}


/* Extra-small */
@media screen and (max-width: 360px) {

  h1 {
    font-size: 1.3em;
}
  h2 {
    font-size: 1.1em;
}
label {
  font-size: 1em;
}
li {
  display: block;
  margin: 1em;
}
}

/* Small */
@media screen and (min-width: 361px) and (max-width: 480px) {

  h1 {
    font-size: 1.3em;
}
  h2 {
    font-size: 1.1em;
}
label {
  font-size: 1em;
}
li {
  display: block;
  margin: 1em;
}
	form{
		margin: 35px 0;
	}
}

/* Medium-only */
@media screen and (min-width: 481px) and (max-width: 960px) {
  /* ... */
}


.embed-container {
  --video--width: 1296;
  --video--height: 750;

  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}