@charset "utf-8";
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/exo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/exo-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/exo-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/exo-v20-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/exo-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/exo-v20-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/exo-v20-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/exo-v20-latin-italic.svg#Exo') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/exo-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/exo-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/exo-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/exo-v20-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}
:root {  
   font-size:16px;
}
* {
   box-sizing:border-box;
   margin: 0;
}
html {
   min-height: 100%;
}
body {
   color:#000;
   font:400 0.875em/1.5 'Exo', Arial, sans-serif;
}
#wrapper {
   position:relative;
   max-width:855px;
   margin: 1rem auto;
   border:solid 1px #000;
   background:#fff;
   overflow:hidden;
}
:is(a:link,a:visited,a:hover,a:active){
    color: #000;
    text-decoration: none;
}
p {
   padding-bottom:1.25rem;
}
h2,strong{
   font-weight: 700;
}
h1 {
   margin: 0;
   font-weight: 400;
   font-style: italic;
   font-size:1.55em;
   color: #FFF;
   line-height:1.3em;
}
h1 span {
   display: block;
   padding-left: 0.5rem;
}
h2 {
   font-size:1em;
   line-height:1.3em;
   margin-bottom:1rem;
}
ul {
  padding:0 0 1rem 2rem;
  list-style: none;
}
ol {
   padding-bottom: 1rem;
}
ul ul{
   padding-bottom: 0;
}
ul li {
  padding:0 0 0.25rem 1.5rem;
}
ul li:before {
  content: "";
  background: url('../images/arrow.jpg') no-repeat;
  width: 16px;
  height: 17px;
  float: left;
  margin:0 0 0 -1.5rem;
}
article {
  padding:2.5rem 1.75rem 0.5rem;
}
article aside{
   position: relative;
   display: inline-block;
   margin:0 0 1rem -1.75rem;
   padding: 1rem 5rem 1rem 1.75rem;
   background: linear-gradient(to right,#A7C4E6,#719ACC);
   -webkit-background: linear-gradient(to right,#A7C4E6,#719ACC);
   -moz-background: linear-gradient(to right,#A7C4E6,#719ACC);
   -ms-background: linear-gradient(to right,#A7C4E6,#719ACC);
}
article aside:after{
   content:'';
   position: absolute;
   width: 0;
   height: 0;
   right: 0;
   bottom: 0;
   border-left: 22px solid transparent;
   border-bottom:95px solid #FFF;
}
a.apply {
    display: block;
    width: fit-content;
    margin: 1rem auto;
    padding: 0.5rem 1.5rem;
    border: 1px solid #6290ca;
    background: #6290ca;
    color: #fff;
}
footer {
  padding:1rem 1.75rem 0;
  background: #618FCA;
}
footer aside{
   padding: 3.5rem 0 0 33%;
}
footer p{
   padding-bottom: 1.5rem;
}
footer :is(p,a){
   color: #FFF !important;
}
footer section>a img{
   position: absolute;
   left: 1.75rem;
   bottom: 0.75rem;
}
footer section figure{
   position: absolute;
   right: 1.75rem;
   bottom: 0.75rem;
}
footer figure{
   margin: 0;
}
footer figure a img{
   vertical-align:-26px;
}
img {
   max-width:100%;
   height:auto;
   vertical-align: middle;
}
@media only screen and (max-width:854px) {
   #wrapper {
      border:none;
      margin: 0 auto;
   }
   article{
      padding: 1rem;
   }
   ul {
      padding-left: 0;
   }
   ol {
      padding-left: 0.75rem;
   }
   footer{
      padding: 1rem 1rem 0;
   }
   footer aside{
      padding-left: 22%;
   }
   footer section > a img{
      left: 1rem;
   }
   h1{
      font-size: 1.3em;
   }
   h1 span{
      padding-left: 0;
      display: inline;
   }
}
@media only screen and (max-width:580px) {
   footer{
      padding: 1rem 1rem 10rem;
   }
   footer aside{
      padding: 0;
   }
   footer span{
      display: inline-block;
   }
   footer br{
      display: none;
   }
}