header{
  background: var(--dark-header);
  position: fixed;
}

header a{
  margin-top: 5px;
}

header nav{
  display: flex;
  justify-content: space-between;
}

.start_button{
  background: var(--success);
  border: none;
  font-size: medium;
  color: white;
  width: fit-content;
  border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
  cursor: pointer;
}

.backgray{
  background: rgb(230, 230, 230) !important;
}

.backgray .start_button{
  background: rgb(145, 219, 77);

}

.wellcome_section{
  background: rgb(52, 166, 248);
  height: 100vh;
  max-width: 98.92vw;
  min-width: 98.92vw;
}

.comomn_section{
  padding: 100px 0;
  background: rgb(230, 244, 247);
  color: rgb(26, 31, 36);
  font-size: medium;
  max-width: 98.92vw;
  min-width: 98.92vw;
}

.wellcome_section .container{
 display: flex;
 flex-direction: column;
 justify-content: center;
 height: 100%;
}
.wellcome_section .container .content{
  color: white;
  margin: 0 auto;
  font-size: 35px;
  text-align: center;
}

.wellcome_section .container .content h1{
  color: white;
  font-weight: bolder;
}

#precos_container{
  padding-top: 200px;
  padding-bottom: 200px;
  background: rgb(244, 244, 244);
  max-width: 98.92vw;
  min-width: 98.92vw;
}

#precos_container .container{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#precos_container .start_button{
  background: var(--success);
  border: none;
  font-size: medium;
  color: white;
  width: fit-content;
  border-radius: 5px;
  margin: 15px auto;
  padding: 10px;

}

#precos_container h4{
  text-align: center;
}

#precos_container h2,
#precos_container h6{
  font-weight: bold;
}

#precos_container .row{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#precos_container .row .col-md-6 .first-div{
  float: right;
}

#precos_container .row .col-md-6 div{
  width: 350px;
  border-radius: 10px;
  background: white;
  padding: 15px;
  box-shadow: 0 1px 5px rgb(227, 227, 227);
}

.comomn_section img{
  margin: 0 auto;
}

.comomn_section .col-md-6{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.comomn_section .col-md-6 img{
 width: 100%;
}


.comomn_section .col-md-6 h1{
  color: rgb(26, 31, 36);
  font-weight: bolder;
  margin: 20px 0;
}

.comomn_section .col-md-6 p{
  color: rgb(26, 31, 36);
  font-size: large;
}


@media screen and (max-width: 760px) {
  #precos_container .row .col-md-6 .first-div{
      float: none;
  }

  #precos_container .row .col-md-6 div{
      margin: 0 auto;
      margin-bottom: 20px;
      width: 100%;
  }

  h1{
      font-size: 30px;
  }
}