/* SMALLEST AND DEFAULT */

* {box-sizing: border-box;}

html {font-family: 'Nunito', sans-serif;}

body {margin:0;padding:0;background:#f9f8f6;background-image:url("../images/background_texture.png");background-repeat: repeat;}

a:link {color: #ab0000;font-weight:600;}
a:active {color: #2C81E5;}
a:visited {color: #ab0000;}
a:hover {color: #2C81E5;}


a.button {
  background:#ab0000;
  padding:8px 12px;
  border-radius:4px;
  color:#fff;
  text-decoration:none;}

a.button:hover {background:#750101;}


.box {width:95%;margin:10px auto 10px auto;border-radius:6px;background:#ffffff;max-width:800px;}
.box:nth-of-type(1) {margin-bottom:0;}
 .box:nth-of-type(2) {margin-top:0;}
#logo-box {padding: 0; text-align: center;background:none;margin-bottom:30px;}
#logo-box img {display: block; margin: 0 auto;width:150px;}
.content-box {padding:30px 70px;font-size:1.2rem;position:relative;}
.content-box p {font-weight:300;line-height:1.7rem;}
.content-box h1:first-of-type, .content-box h2:first-of-type, .content-box h3:first-of-type {margin-top:0; padding-top:0;}
.content-box:nth-of-type(3){background:#f9eeeb;}
.content-box:nth-of-type(4){background:#e9f1f3;}

.sticker {position:absolute;z-index:2;}
.sticker img {width:100%;}
.sticker-one {top:-55px;left:-55px;width:140px;}
.sticker-two {bottom:-50px;right:-20px;width:140px;}

/* small */
@media only screen and (min-width:580px) { }


/* medium */
@media only screen and (min-width:700px) {

.content-box {padding:30px 90px;}

.sticker-one {top:-35px;left:-60px;width:140px;}
.sticker-two {bottom:-30px;right:-20px;width:140px;}

}

/* large */
@media only screen and (min-width:900px) { }


/* x-large */
@media only screen and (min-width: 1300px) { }