body { font-family: Helvetica, sans-serif; background-color: #ffffff; text-align: center; }
.container { width: 90%; padding: 100px 5%; }
#desktop-logo { max-width: 404px; margin: 0px auto 40px auto; }
#mobile-logo { max-width: 404px; margin: 0px auto 40px auto; display: none; }
h2 { font-family: 'Oswald', Helvetica, sans-serif; max-width: 610px; margin: 0px auto 20px auto; padding: 10px 10px 10px 10px; color: #ffffff; background-color: #4e5a79; font-size: 20px; font-weight: 700; }
#electronics { max-width: 494px; margin: 0px auto 20px auto; }
p { max-width: 560px; margin: 0px auto 20px auto; font-size: 14px; line-height: 18px; }
.bold { font-weight: 700; }
h3 { font-family: 'Oswald', Helvetica, sans-serif; margin: 20px auto 0px auto; color: #8da323; font-size: 20px; font-weight: 700; }
a:link, a:visited { font-family: 'Oswald', Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; margin: 20px auto 0px auto; color: #4e5a79; font-size: 30px; line-height: 35px; font-weight: 700; }
a:hover, a:active { color: #8da323; }


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

body { background-color: #8da323; color: #ffffff; }
#desktop-logo { display: none; }
#mobile-logo { display: block; }
h2 { max-width: 474px; margin: 0px auto 0px auto; color: #8da323; background-color: #ffffff; font-size: 14px; }
h3 { color: #ffffff; font-size: 16px; font-weight: 400; }
a:link, a:visited { color: #ffffff; font-size: 24px; line-height: 30px; }
a:hover, a:active { color: #4e5a79; }

}