@font-face {
  font-family: 'codec-warm-trial';
  src: url(../fonts/Codec-Warm-Bold-trial.ttf) format('truetype');
  src: url(../fonts/Codec-Warm-Bold-trial.woff) format('woff');
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: #DBC385;
  color: #3A656E;
  text-align: center;
}
header{
 position: absolute;
 top: 0;
}
.icon-maintenance {
  width: 20%;
  height: auto;
  fill: none;
  stroke: #3A656E;
  stroke-width: 4;
}
img.logo{
 height: auto;
 width: 18rem;
}
h1.logo {
  font-family: 'codec-warm-trial', sans-serif;
  font-size: 3rem;
  color: #FFFFFF;
}
h2.title {
  font-family: 'codec-warm-trial', sans-serif;
  font-size: 5rem;
}
p.subtitle {
  font-size: 2.5rem;
}
.social a {
  font-size: 1.75rem;
  margin: 0 12px;
  color: #3A656E;
  text-decoration: none;
}
.social .social-icon{
  width: 2rem;
  height: auto;
}
footer{
 position: absolute;
 bottom: 15px;
}
footer small {
  font-size: 1.2rem;
}

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

}

@media only screen and (max-width: 768px) {
  main{
   position: absolute;
   top: 30%; 
  }
  h2.title {
    font-size: 2rem;
  }
  p.subtitle {
    font-size: 1.15rem;
  }
}