 html {
     box-sizing: border-box;
 }

 * {
     margin: 0;
     padding: 0;
 }

 :root {
     font: 16px;
 }

 *,
 *:before,
 *:after {
     box-sizing: inherit;
 }

 a,
 img {
     outline: none;
     border: none;
 }

 img {
     max-width: 100%;
     display: inline-block;
 }

 body {
     font-family: 'Arial', sans-serif;
     font-size: 1rem;
     line-height: 1.5;
     color: #3a434f;
     background: linear-gradient(180deg, rgba(239, 239, 239, 0.3) 18.75rem, rgba(239, 239, 239, 1) 50rem), url(../images/bg.jpg) no-repeat top center;
     background-size: 100%;
     font-weight: normal;
 }

 a {
     color: inherit;
     display: inline-block;
     text-decoration: none;
 }

 u {
     text-decoration: underline;
 }

 a:hover,
 a:focus {
     outline: none;
     text-decoration: underline;
 }

 p {
     margin: 0 0 .937rem;
 }

p span{
    text-decoration: underline;
}

 h1 {
     display: block;
     font-size: 1.875rem;
     font-weight: bold;
     line-height: 1.3;
     margin-bottom: 0;
     margin-top: -.437rem;
     color: #3a434f;
 }

 h1 span,
 h1 span a {
     font-size: 1.125rem;
     color: #4088ee;
     display: inline-block;
 }

 h2 {
     text-align: left;
     font-size: 1.125rem;
     line-height: 1.8;
     margin: -.75rem -.75rem 1.875rem;
     font-family: sans-serif;
     color: #ae3220;
     font-weight: 700;
     padding: .375rem 1.5rem;
     background-color: #F5F5F5;
     border-bottom: .062rem solid #DCDFE3
 }

 h3 {
     margin: 0 0 .625rem;
     font-size: .875rem;
 }

 ul {
     padding: 0;
     margin-bottom: .625rem;
     list-style: none;
 }

 ul li {
     padding-left: 1.5rem;
 }

 ul li:before {
     content: "\2022";
     float: left;
     margin-left: -1.25rem;
     font-size: 1.25rem;
     line-height: 1.2;
 }

 #wrapper {
     display: block;
     max-width: 52.125rem;
     margin: .625rem auto;
 }

 #wrapper > section {
     border: .062rem solid #dcdfe3;
     margin-bottom: .625rem;
 }

 header {
     background: #fff;
     padding: 1.5rem;
     border-top-left-radius: .312rem;
     border-top-right-radius: .312rem;
     margin-bottom: .937rem;
     border: .062rem solid #dcdfe3;
 }

 header > a {
     float: left;
     border: .062rem solid rgba(220, 223, 226, .8);
     border-radius: .187rem;
     overflow: hidden;
     padding: .125rem;
     margin: 0 0 0 0;
     width: 6.562rem;
     height: 6.562rem;
 }

 header > a:hover {
     border: thin solid #4088ee;
 }

 header > a img {
     max-width: 6.562rem;
     width: 100%;
     display: block;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
 }

 header section {
     width: 82%;
     float: right;
 }

 header img {
     display: block;
     max-width: 100%;
 }

 i {
     margin-right: .625rem;
 }

 header p {
     display: inline-block;
     font-size: 1rem;
     color: #566578;
     margin: 0 1.562rem 0 0;
 }

 element {
     clear: both;
     display: block;
 }

 element a {
     padding: .5rem 3.875rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .187rem;
     margin: .625rem 0 0;
     border: .062rem solid transparent;
     transition: all .2s ease-in-out;
     color: #fff;
     background-color: #7aae1a;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     font-weight: 700;
 }

 element a:hover {
     text-decoration: none;
     background-color: #6a9817;
 }

 .clearfix:after {
     content: ".";
     clear: both;
     display: block;
     visibility: hidden;
     height: 0;
 }

 footer {
     background: #4F256F;
     color: #fff;
     text-align: center;
     padding: .937rem;
 }

 footer span {
     white-space: nowrap;
 }

 article section {
     background: #fff;
     padding: .75rem .75rem 1.25rem;
     margin-bottom: .75rem;
     border: .062rem solid #dcdfe3;
 }

 section p:last-of-type,
 section ul:last-of-type {
     margin-bottom: 0
 }

 article > section:nth-of-type(2) p:first-of-type {
     margin: 0 0 1.25rem;
 }

 p a {
     color: #ae3220;
     text-decoration: underline;
     white-space: normal;
     display: inline;
 }

 p a:hover {
     text-decoration: underline;
 }

 article > a {
     background-color: #7aae1a;
     font-weight: 700;
     min-width: 50%;
     padding: .625rem .625rem;
     place-content: center center;
     min-height: 2.625rem;
     display: flex;
     opacity: 1;
     color: #fff;
     width: 25.5rem;
     height: 2.625rem;
     display: block;
     text-align: center;
     margin: 2.5rem auto 3.437rem;
 }

 article > a:hover {
     text-decoration: none;
     background-color: #6a9817;
 }

 article > section:nth-of-type(1) > p:last-of-type {
     font-size: 1.875rem;
 }

 .slider {
     position: relative;
 }

 .slider > img {
     display: block;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     animation: imageAnimation 18s linear infinite 0s;
 }

 .slider > img:nth-of-type(1) {
     position: static;
     opacity: 1;
 }

 .slider > img:nth-of-type(2) {
     animation-delay: 6s;
 }

 .slider > img:nth-of-type(3) {
     animation-delay: 12s;
 }

 @keyframes imageAnimation {
     4% {
         opacity: 1;
     }

     33% {
         opacity: 1;
     }

     38% {
         opacity: 0;
     }
 }

 @media only screen and (max-width:52.062rem) {
     #wrapper {
         margin: 0 auto;
         border: 0;
         padding: .625rem;
         background: #FFFFFF;
         hyphens: auto;
     }

     header {
         border: .062rem solid #e1e1e1
     }

     header > a {
         float: none;
         margin-bottom: 1.25rem;
     }

     header > section {
         float: none;
         width: 100%;
     }

     header p {
         font-size: .812rem;
         display: block;
         margin: 0 0 .312rem;
     }

     li br {
         display: none;
     }

     footer {
         margin: 0 -.625rem -.625rem;
         padding: .625rem;
     }

     header {
         padding: .625rem;
     }

     h1 {
         font-size: 1.75rem;
     }

     h2 {
         padding: .312rem .625rem;
         margin: -.625rem -.625rem .625rem;
         line-height: 1.2;
     }

     article section {
         padding: .625rem;
     }

     element a {
         padding: .312rem .937rem;
         font-size: .937rem;
     }
 }

 @media only screen and (max-width:29.937rem) {
     body {
         font-size: .812rem;
     }

     h1 {
         font-size: 1.125rem;
         line-height: 1.2;
     }

     h1 span {
         font-size: 1rem;
     }

     h2 {
         font-size: .875rem;
     }

     ul li {
         padding-left: 1.25rem;
     }

     ul li:before {
         font-size: 1rem;
         line-height: 1.1;
     }

     article > a {
         width: 12.5rem;
         margin: 1.25rem auto;
     }
 }
