@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
}
html{ 
	height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #F5F5F5;
    background-repeat:no-repeat;
	/*background: -moz-linear-gradient(45deg, rgba(234,30,121,1) 0%, rgba(102,45,145,1) 79%);
	background: -webkit-linear-gradient(45deg, rgba(234,30,121,1) 0%, rgba(102,45,145,1) 79%);
	background: linear-gradient(45deg, rgba(234,30,121,1) 0%, rgba(102,45,145,1) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea1e79",endColorstr="#662d91",GradientType=1); */
}
h1{font-size:24px; font-weight:600; padding-bottom:10px; text-align:center; color:#171717;}
h2{font-size:20px; font-weight:600; padding-bottom:20px;}
h3{font-size:18px; font-weight:600; padding-bottom:20px;}
#header{text-align:center; padding-bottom:40px;}
#header .quokka-logo{ padding-top: 100px; display: inline-block;  }
a.quokka-logo img{width:80px;}

#body {padding:10px; padding-bottom:100px;   /* Height of the footer */ }

h1{font-weight: 900; font-size: 36px; text-transform: uppercase;}
p.info{color:#a7a7a7; padding-bottom: 10px; text-align:center; font-size:14px;}
.btn-access {padding:10px 20px; background-color: #fe778a; margin:0 auto; color: #fff; display: block; border-radius: 6px; letter-spacing: 1px;  box-shadow: 0px 15px 20px 0px #00000030;}
.btn-access:hover{background-color: #d1d568;}
.btn-access:hover a{color: #747717;}
.btn-access a{text-decoration: none; color: #fff; display: inline-block;}




footer{font-size:16px; font-weight:600; padding:20px 0px; text-align:center}
footer .copyright{font-size:14px; font-weight:normal; }


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {


}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}
@media screen and (max-height: 450px) {
}