.home {margin: 0; font-family: 'Roboto', sans-serif; background-color: #fece15;}

.home .content header img {width: 100%;}

.home .content article {max-width: 960px; margin: 0 auto; padding: 40px 0; text-align: center; color: #ffffff; font-weight: bold;}

.home .content article .first .logo {display: inline-block; width: 12%; vertical-align: middle; text-align: right;}

.home .content article .first .title {display: inline-block; width: 55%; vertical-align: middle; text-align: left;}

.home .content article .first .title h1 {font-size: 2.5rem;}

.home .content article .first .logo img {width: 100px;}

.home .content article .second .data p i {font-size: 20px;}

.home .content article .second .data p a {color: #000000;}

.home .content article .second .data p a:hover {color: #ffffff;}

.home .content footer {border-top: 1px solid #ffffff;}

.home .content footer p {max-width: 960px; margin: 20px auto; color: #ffffff; text-align: center;}

@media (max-width: 480px) {
    .home .content article .first .logo {width: 20%;}

    .home .content article .first .title h1 {font-size: 1.5rem;}

    .home .content article .first .logo img {width: 80px;}
}