html, body {
  height: 100%;
  width: 100%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1204px;
  }
}

.c_values {
  margin: 8px;
}

#show_button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #3b99e0;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  /*display: none;*/
}

#hover {
  position: relative;
}

#img2 {
  width: 100%;
  height: auto;
}

@media (min-width: 300px) {
  .header {
    /*font-size: 34px;*/
    font-weight: bold;
    font-family: 'Montserrat',sans-seriff;
    /*margin-top: 1px;*/
    /*margin-bottom: 20px;*/
    /*border-color: rgb(59,153,224);*/
    /*border-bottom-width: 3px;*/
    /*border-bottom-style: solid;*/
    /*padding-top: 1.25rem!important;*/
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-image: linear-gradient( to right, #047bfb 10%, white 120% ) 0 0 100% 0;
    color: rgb(33,37,41);
  }
}

.name {
  /*margin-top: 10px !important;*/
  /*margin-bottom: 4px !important;*/
  /*text-align: left;*/
  /*box-shadow: -3px 4px;*/
  /*padding-left: 3px;*/
}

@media (min-width: 576px) {
  .name {
    margin-top: 15px !important;
    /*margin-bottom: 10px !important;*/
    text-align: left;
  }
}