@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: 'Monstserrat', tahoma,arial,helvetica,sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  min-height: 100vh;
  color: #000000;
  background: rgb(240, 240, 240);
  /* 
  background: linear-gradient(144deg, rgba(231,231,231,1) 36%, rgba(206,229,242,1) 83%, rgba(231,231,231,1) 92%);
  */
}

h1 {
  margin: 0px;
  color: #5e5f61;
  line-height: 100%;
  text-align: center;
  word-wrap: break-word;
  font-weight: normal;
  font-family: 'Montserrat',sans-serif;
  font-size: 31px;
  font-weight: 700;
  padding: 8px;
}

.subtitle {
  margin: 0px;
  color: #5e5f61;
  line-height: 100%;
  text-align: center;
  word-wrap: break-word;
  font-weight: normal;
  font-family: helvetica,sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 8px;
}

.line {
  padding: 12px;
}

.row-logo {
  padding: 80px 8px 36px;
}

.logo{
  height: auto;
}

.option {
  border: 3px solid #fcfcfc;
  
  -webkit-box-shadow: 3px 3px 20px 3px #fcfcfc; 
  box-shadow: 3px 3px 20px 3px #fcfcfc;

  color: #ffffff;
  background-color: #10a8eb;
  border-radius: 32px;
  line-height: 120%;
  text-decoration: none;
  text-align: center;
  padding: 16px 8px;
  margin: 8px 0;
  width: 64%;
  max-width: 100%;
  font-weight: 600;
}
.outro { background-color: #088f42; }

.contratar { background-color: #132E32; }

.contratar:hover { background-color: #fcfcfc; color:#132E32; }

.option span { margin-left:4px; }

a:hover {
  color: #ffffff;
  background-color: #0937f3;
}

.social-icon {
  color: #ffffff;
  background-color: #8d8d8d;
  border-radius: 50%;
  line-height: 0;
  text-decoration: none;
  font-size: 24px;
  width: 44px;
  height: 44px;
  padding: 10px;
  margin: 0 8px;
  box-shadow: 1px 1px 20px 0px #b4bfc0;
}

@media (max-width: 723px) {
  .row-logo {
    padding: 55px 8px 46px;
  }
  .logo{
    height: 120px;
  }
  .row-title{
    width: 94%;
    margin: 5px auto;
  }
  h1 {
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: 0px;
  }
  .subtitle{
    font-size:16px;
  }
  .line{
    padding: 10px;
  }
  .option {
    width: 70%;
    padding: 11px 8px;
    
  }
}