/*@import url("//fonts.googleapis.com/css?family=Ubuntu:300normal,300italic,400normal,400italic,500normal,500italic,700normal,700italic");*/

@import url("//fonts.googleapis.com/css?family=Ubuntu:300,500");

html, body {height: 100%;margin: 0;}
body {background:url(https://www.bookeasy.com.au/images/bg.png) repeat #56cbf5;color:#FFF;font-family:'Ubuntu', sans-serif;font-weight:300;font-size: 14px;font-style:normal;-webkit-text-size-adjust: 100%;}
b {font-weight:500;}
a {color:#FFF;text-decoration:none;}
a:focus, a:hover {text-decoration:underline;}

.sloth-wrapper 		{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:-1;background:url('../public/2016/11/583bbc0233f35.png') no-repeat 0 0;background-size:110%;background-position:-30px -120px;}

.content 			{position: absolute;left:50px;top:25%;width:250px;}
.content .list 		{margin:10px 0 0 20px;}
.content .list p 	{line-height:120%;background:url('../public/2016/11/583bc0d9a2d63.png') no-repeat 0 10px;padding-left:60px;}


.logos 				{position:absolute;bottom:0;right:0;}
.logos ul 			{list-style:none;padding:0;margin:0;}
.logos ul li 		{display:inline-block;}


pre {
        background-color: white;
    color: #000;
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
    /* word-wrap: break-word; */
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.btn {
    padding: 20px;
    background-color: white;
    color: #555;
    font-weight: bold;
    margin-left: 80px;
    margin-top: 60px;
}

.btn-section { padding-top: 20px;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------- General Mobile Styles ----------- */


/* Portrait */
@media only screen
and (max-device-width: 767px) {
	.content .list p {background-size:25px;padding-left:35px;}
	.logos img {width:40px;}

}





/* ----------- iPhone 4 and 4S ----------- */


/* Portrait and Landscape */
@media only screen
and (max-width: 320px) {

}


/* Landscape */
@media only screen
and (min-device-width: 320px) and (min-device-height: 480px) and (orientation:landscape),
(min-device-width: 480px) and (min-device-height: 320px) and (orientation:landscape)
{

	.sloth-wrapper 		{background-position: -40px -100px;background-size: 300px auto;}
	.content 			{top:90px;width:450px;left:30px;}
	.content .list 		{margin:10px 0 0 20px;}
	.content .list p 	{line-height:150%;background-position:0 0;}

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen
and (min-device-width: 320px) and (min-device-height: 568px) {

	.sloth-wrapper {background-position:-30px -85px;}
	.content {top:150px;font-size:16px;}

}


/* ----------- Galaxy S5 ----------- */

/* Portrait */
@media only screen
and (min-device-width: 360px) and (min-device-height: 640px)
{
	.sloth-wrapper {background-position:-50px -80px;background-size: 400px auto;}
	.content {top:180px;}
}

/* Landscape  */
@media (min-device-width: 360px) and (min-device-height: 640px) and (orientation:landscape),
(min-device-width: 640px) and (min-device-height: 360px) and (orientation:landscape)
{

	.sloth-wrapper {background-position: -40px -135px;background-size: 400px auto;}
	.content {left:50px;top:140px;width:550px;font-size:18px;}
	.logos {bottom:auto;top:290px;}

}


/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen
and (min-device-width: 375px) and (orientation:portrait)  {
	.content {top:220px;left:50px;width:300px;}
}


/* Landscape  */
@media only screen
and (min-width: 667px) and (min-height: 375px) {



}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen
and (min-device-width: 414px) and (orientation:portrait)  {
	.sloth-wrapper {background-position: -40px -80px;background-size: 450px auto;}
	.content {top:250px;width:300px;left:70px;}
}


/* Landscape  */
@media only screen
and (min-width: 667px) and (min-height: 414px) and (orientation:landscape) {

	.content {top:190px;width:550px;}
	.logos {bottom:auto;top:350px;}
}










/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------- General Tablet  ----------- */


/* Portrait and Landscape */
@media only screen
and (min-width: 768px){
	.content {font-size:18pt;top:35%;}
	.content .list {margin:30px 0 0 20px;}
	.content .list p {line-height:200%;}
	.logos {bottom:0;top:auto;}
}


/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait */
@media screen
and (min-width: 768px)
and (max-width: 800px){
	.sloth-wrapper {background-size:850px;background-position:-85px -250px;}
	.content {left:150px;top:350px;width:500px;}
}





/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------- General Desktop  ----------- */
@media screen
and (min-width: 801px) {
	.content {width:800px;}
}

/* ----------  Large Desktop -------------- */

@media screen
and (min-width: 1001px) {
	.content {width:1000px;}
}

/* ----------- Small Desktop ----------- */
@media screen
and (min-width: 801px)
and (max-width: 1024px){
	.sloth-wrapper {background-size:900px;background-position:-45px -300px;}
	.content {left:150px;top:300px;width:750px;}
}

/* ----------- Medium Desktop ----------- */
@media screen
and (min-width: 1025px)
and (max-width: 1499px){
	.sloth-wrapper {background-size:1100px;background-position:-45px -300px;}
	.content {left:200px;top:400px;}
}



/* ----------- Large Desktop ----------- */
@media screen
and (min-width: 1500px) {
	.sloth-wrapper {background-size:1500px;background-position:center -400px;}
	.content {left:50%;margin-left:-400px;top:550px;}
}