* {
  box-sizing: border-box;
}

body, html {
  font-size: 62.5%;
  text-size-adjust: none;
}


body {
  background-color: #fff;
  margin: 0;
  display: block;
}

.center-block {
width:100%;
margin:0 auto;

}

.logo {
  height:40%;
width:40%;
margin:0 auto;
}


.logo img{
  height:100%;
width:100%;
}

.info {

margin:0 auto;
width:80%;

}

h1{
  font-family: 'Inter', sans-serif;
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#262626;
}

h1.description{
  font-weight:800;
  
}

h1.date {
  font-weight:600;
}


.social {
  width:32px;
  margin:40px auto;
}

.social img {
width:32px;
height:32px;
}

@media only screen and (max-width: 600px) {

.center-block {
  width: 100%;
  }

  .logo {
  height:80%;
width:80%;
margin:0 auto;
}

}

@media only screen and (min-width: 900px) {

.center-block {
  width: 80%;
  }

    .logo {
  max-height:60%;
max-width:60%;
margin:0 auto;
}

}