/* 

	 invt.email
	 
	 placeholder
	 
	 2019 Always Awake bvba

	 Well hello there. Seems you are interested in our code. That's great. Why not work together? ;)
	  
	 info@alwaysawake.be

	 Colors
	 	 
	 #19293B 		text
	 #334151 		title
	 #008FC0 		hyperlink
	 #00C1EF 		hover
	 
*/

@import url(//fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,700,700i);
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/* Basics */

#overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 200; display: none; }
#overlay.active { display: block; }

html { color: #19293B; font-family: 'Nunito Sans', sans-serif; font-weight: 400; font-size: 62.5%; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { margin: 0px; padding: 0px; height: 100%; background: #f2f2f4; background-size: contain; font-size: 1.6rem; }

img { border: 0; display: block; }
h1, h2, h3, h4, p, a { padding: 0; margin: 0; font-weight: 400; }
b, strong { font-weight: 700; }
button:hover, .linkable:hover { cursor: pointer; }
td { vertical-align: top; }
.responsive-show { display: none; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a {	color: #008FC0;	text-decoration: none; }
a:hover {	color: #00C1EF; }

/* Placeholder */

body { position: relative; display: flex; align-items: center; justify-content: center; }
#cn { position: relative; margin: auto; padding: 60px; box-sizing: border-box; -webkit-box-sizing: border-box; min-width: 50%; max-width: 60%; background: #fefefe; border-radius: 18px; -webkit-border-radius: 18px; box-shadow: 0px 15px 0px -14px rgba(0,0,0,0.1); transition: all .2s; }
#cn p { padding: 5px; }
#cn h1 { font-family: 'Nunito Sans', sans-serif; font-weight: 600; font-size: 3.2rem; padding: 5px 5px 15px 5px; }
#logo-alwaysawake { position: absolute; right: -25px; top: -25px; text-align: center; width: 90px; }
#logo-alwaysawake img { position: relative; display: inline-block; vertical-align: top; width: 90px; height: auto; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.1); overflow: hidden; } 

@media only screen and (max-width: 640px), screen and (max-height: 480px) { html { font-size: 50%; } }
@media only screen and (max-width: 640px) {	#cn { max-width: 80%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } }
@media only screen and (min-width: 640px) and (max-height: 480px) { #cn { max-width: 60%; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } }