.main{max-width:660px;margin:auto;padding-bottom:20px}.one h1{margin-top:70px}header h1, header h2, header h3, footer{text-align:center;color:#000;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px rgba(255,255,255,0.3);font-size:1em;line-height:2em}header h2, header h3, footer{font-size:0.8em}footer div{float:left;width:50%}footer a{letter-spacing:0.2em;color:#551A8B}footer a:hover{letter-spacing:0.1em;color:#ccbadc}article{text-align:center}article p{text-align:justify}article header h1{letter-spacing:0.2em;margin:20px 0 -10px 0}article header h1 a{color:#551A8B}article header h1 a:hover{letter-spacing:0.1em;color:#ccbadc}header h1, header h2, header h3, footer, footer a, header h1 a, .main, hr{transition-property:all;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0s;-moz-transition-property:all;-webkit-transition-property:all;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0s;-o-transition-property:all}
@media only screen and (min-width: 480px){hr{margin:40px 0 0 0}}
@media only screen and (min-width: 760px){.main{min-width:680px}article header h1{margin:40px 0 0 0}.one h1{margin-top:120px}}
@media only screen and (min-width: 1360px){.main{min-width:1300px}article header h1{margin:60px 0 0 0;font-size:2em;line-height:0.5em}.one h1{margin-top:180px}}