@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexaFR8aevGw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v1/1Ptyg83HX_SGhgqO0yLcmjzUAuWexTpW8aevGw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html { font-size:62.5%; box-sizing:border-box; }*,*:before,*:after { box-sizing:inherit; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { margin: 0; padding: 0; overflow-y: scroll; }
.wrapper { width: 100%; mini-height: 100%; margin: 0 auto 0 auto; }
.wrapper:after,.wapper:before { content:"";display:table;clear:both; }

.font-mulish-basic { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 500; }
.font-mulish-bold { font-family: 'Mulish', sans-serif; font-style: normal; font-weight: 900; }

/* BANNER ******************************************************************************************************/

.banner { width: 100%; height: 5rem; background-color: rgb(255,255,255); }
.logo-wrapper { float:left; width: calc(50% + 4rem); height: 8rem; }
.logo { float:right; width: 7rem; height: 7rem; margin: 0.5rem; }
.email-wrapper { float: right; width: 5rem; height:auto; }
.email { float: right; width: 2.6rem; height:2.6rem; margin: 0.8rem 0.8rem 0 0; opacity: 0.3; }

/* CONTENT ******************************************************************************************************/

.row { 	width: 100%; clear: both; }

.edition-dreaming-half-left, .edition-dreaming-half-righ { float:left; width:100%; text-align: center; }

.edition-dreaming-image-book { height: 40rem; margin: 2rem 0 1rem 0; }

.edition-dreaming-roman { width: 100%; text-align: center; display:table; background-image: url("images/roman_bkg.png"); background-repeat: no-repeat; background-size: 100% auto; }
.edition-dreaming-roman-title { float: left; width: 100%; text-align: center; margin 0; font-size: 3rem; line-height: 3rem; letter-spacing:0.1rem; color: rgb(200,200,255); text-shadow: 0 0 0.2rem #000;}
.edition-dreaming-roman-separator { width: calc(100% - 4rem); margin: 0.5rem 2rem 0.5rem 2rem; height: 0.2rem; background-color: rgba(255,255,255,0.6); }
.edition-dreaming-roman-book-title { width: calc(100% - 8rem); margin: 1rem 4rem 0 4rem;}

.edition-dreaming-roman-text { width: calc(100% - 4rem); margin: 4rem 2rem 2rem 2rem; text-align: justify; display: inline-block; font-size: 2rem; line-height: 2.5rem; color: rgb(255,255,255);}

.stefam-link-a { color: rgb(245,245,255); text-decoration: none; }


.edition-dreaming-image-tree { height: 28rem; margin: 2rem 0 1rem 0; opacity: 0.5; }

.edition-dreaming-text { width: calc(100% - 4rem); margin: 4rem 2rem 2rem 2rem; text-align: justify; display: inline-block; font-size: 2rem; line-height: 2.5rem; color: rgb(55,55,55) }

.stefam-link-b { color: rgb(100,100,100); text-decoration: none; }


.copyright { float:left; width:100%; height: 3rem; background-color: rgba(0,0,75,0.8); text-align: center; padding-top: 0.5rem; font-size: 1.5rem; color: rgba(255,255,255,0.9); }
.copyright-link { color: rgba(255,255,255,0.9); text-decoration: none; }

/* MEDIA QUERIES ******************************************************************************************************/

@media (min-width:601px) {
	html { font-size:100%; }
	.wrapper { width:62rem; mini-height: 100%; margin: 0 auto 0 auto; box-shadow: -0.3rem 0 0.6rem #aaa, 0.3rem 0 0.6rem #aaa;}

	/*.half { float:left; width:29rem; text-align: center; }*/

	.edition-dreaming-half-left { float:left; width:26rem; }
	.edition-dreaming-half-right { float:left; width:36rem; }

	.edition-dreaming-roman { width: 62rem; background-image: url("images/roman_bkg.png"); background-repeat: no-repeat; background-size: 62rem auto; }

	.edition-dreaming-image-book { height: 24rem; margin: 1rem auto 1rem auto; }

	.edition-dreaming-roman-title { width: 100%; font-size: 1.8rem; line-height: 2rem; margin: 1rem 0 0 0; color: rgb(175,175,255); }
	.edition-dreaming-roman-separator { width: calc(100%-4rem); margin: 0.5rem 2rem 0.5rem 2rem; height: 0.2rem; }
	.edition-dreaming-roman-book-title { width: calc(100%-8rem); margin: 0.7rem 4rem 0 4rem; }

	.edition-dreaming-roman-text { margin: 1.8rem; font-size: 1.1rem; line-height: 2rem; }

	.edition-dreaming-image-tree { float: left; height: 40rem; width:48rem; opacity: 0.5; margin: 1rem 0 1rem -64.5%; clip-path: polygon(35% 0, 87% 0, 87% 100%, 35% 100%); }

	.edition-dreaming-text { width: calc(100% - 4rem); margin: 4rem 2rem 2rem 2rem; text-align: justify; display: inline-block; font-size: 1.1rem; line-height: 2.1rem; color: rgb(55,55,55) }

	.copyright {
		height: 1.6rem; padding-top: 0.3rem; font-size: 0.9rem;
	}

}