body{margin: 0;padding: 0 15px;text-align: center;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
.pencil{width: 500px;height: auto;margin-top: 120px;}
h1{ font-size: 140px;
margin: -60px 0 0px 0;padding: 0;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
h2{
margin: 0px 0 20px 0;padding: 0;
font-size: 28px;color: #838383;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.BackHome-404{
margin-top: 40px;
background-color: #ffc000;
padding: 8px 16px;
color: #fff;
text-decoration: none;
font-size: 16px;
}
.logo{
margin-top: 0px;
width: 150px;height: auto;
}
@media only screen and (max-width: 800px) {
.pencil{width: 300px;height: auto;margin-top: 80px;}
h1{ font-size: 100px;
margin: -30px 0 0px 0;padding: 0;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
h2{
margin: 0px 0 20px 0;padding: 0;
font-size: 22px;color: #838383;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.BackHome-404{
margin-top: 30px;
background-color: #ffc000;
padding: 8px 16px;
color: #fff;
text-decoration: none;
font-size: 16px;
}
.logo{
margin-top: 0px;
width: 150px;height: auto;
}
}
@media only screen and (max-width: 500px) {
.pencil{width: 250px;height: auto;margin-top: 60px;}
h1{ font-size: 80px;
margin: -30px 0 0px 0;padding: 0;
font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
h2{
margin: 0px 0 20px 0;padding: 0;
font-size: 18px;color: #838383;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.BackHome-404{
margin-top: 30px;
background-color: #ffc000;
padding: 8px 16px;
color: #fff;
text-decoration: none;
font-size: 14px;
}
.logo{
margin-top: 0px;
width: 120px;height: auto;
}
}