@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;text-align: center; background:#efefef;}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@font-face {
    font-family: 'assistantbold';
    src: url('../fonts/assistant-bold.woff2') format('woff2'),
         url('../fonts/assistant-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'assistantregular';
    src: url('../fonts/assistant-regular.woff2') format('woff2'),
         url('../fonts/assistant-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'assistantsemibold';
    src: url('../fonts/assistant-semibold.woff2') format('woff2'),
         url('../fonts/assistant-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mistralregular';
    src: url('../fonts/mistral.woff2') format('woff2'),
         url('../fonts/mistral.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  border: #ccc solid 1px;
  margin-top: 2em;
  margin-bottom:2em;
  background: #fcbc00;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.logo{ margin: 0;}
.logo img{ margin:0em auto;}
h1{ font-family: 'assistantregular';font-size: 36px;
    text-align: center;
    margin-top: 0;
    margin-bottom: .7em;
	color: #fff;
	font-style: italic;}
.st-pic{ display:block; margin: 2em 0;}
.st-pic img{ margin:0 auto;}

.llink{display: inline-grid; margin-top: 1.5em;}
.llink a{ font-size:30px;font-family: 'assistantbold';background: linear-gradient(180deg,#ffb31f 0,#ff9600 55%,#e17f0b);
    color: #fff;
    border: none;
    outline: none;
    padding: .5em 1.5em;text-decoration: none;
    line-height: inherit;
	border: 1px solid #fcd45e;
	-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.llink a:hover{background:linear-gradient(180deg,#268d00 0,#3bb60d 55%,#74ea48); color:#fff;}
.quote{ text-align:center; font-family: 'mistralregular'; font-style:italic; font-size:40px; margin-top: .5em;}

@media (max-width: 575px) {
.container{ margin:15px;}
h1{ font-size:24px;}
.llink a{font-size:24px;}
.quote{ font-size:26px}
.st-pic img{ width:100%; margin:0 auto;}
}
@media (min-width: 576px) {
  .container {
    max-width: 480px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 520px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 720px;
  }
}