@media only screen and (min-width: 0px) and (max-width: 767px) {
      #coding-block {
  max-height: 150px;
  width: 300px;
  }

  .question {
  font-size: 1.5rem;
  }

 .answers-container {
 grid-template-columns: 1fr;
 margin: 0;
 margin-top: 20px;
 }

 .btn-general{
 height: 55px;
 }

.bottom-container {
grid-template-columns: 1fr;
grid-gap: 0;
margin: 0;
margin-top: 30px;
text-align: center;
}

.end-text {
margin: 0;
}

.iconify {
  position: absolute;
  right: 35px;
  top: 22px;
}

.btn-retry {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}

.btn-general {
height: 55px;
width: 100%;
}

.bottom-container {
display: block;
position: relative;
}


    .section_text{
        font-size: 1.05rem;
        text-align: justify;
    }

    .section_title{
        font-size: 1.6rem;
    }

    .logo{
      width: 230px;
      height: 114px;
    }
    .title_podium {
  font-size: 3rem;
    }
  }


@media only screen and (min-width: 768px) and (max-width: 1000px) {
          #coding-block {
  width: 100%;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1280px) {
}