@charset "ISO-8859-1";
*{
	margin:0;
	padding:0;
	font-family:Century Gothic;
	
}
@viewport{ 
zoom:1.0;
width:extend-to-zoom;
}
@-ms-viewport{
zoom:1.0;
width:extend-to-zoom;
}
header{
	background-image:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(3.jpg);
	height:100vh;
	background-size:cover;
	background-position:centre;
}
.title h1{
    font-size:45px;
    color:#fff;
    padding-left:35%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:42%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:20px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:53%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:22px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:40px;
    font-family:'Florence', cursive;
}
@media only screen and (min-width:901px) and (max-width:1250px) {
    .title h1{
    font-size:45px;
    color:#fff;
    padding-left:30%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:40%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:20px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:58%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:22px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:35px;
    font-family:'Florence', cursive;
}
}
@media only screen and (min-width:701px) and (max-width:900px) {
    .title h1{
    font-size:43px;
    color:#fff;
    padding-left:25%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:35%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:20px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:63%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:22px 30px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:32px;
    font-family:'Florence', cursive;
}
}

@media only screen and (min-width:501px) and (max-width:700px) {
    .title h1{
    font-size:40px;
    color:#fff;
    padding-left:25%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:35%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:17px 25px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:63%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:20px 25px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:28px;
    font-family:'Florence', cursive;
}
}

@media only screen and (min-width:401px) and (max-width:500px) {
    .title h1{
    font-size:35px;
    color:#fff;
    padding-left:18%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:32%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:15px 18px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:65%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:17px 18px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:23px;
    font-family:'Florence', cursive;
}
}
@media only screen and (min-width:301px) and (max-width:400px) {
    .title h1{
    font-size:30px;
    color:#fff;
    padding-left:17%;
    padding-top:35px;
}

.btn1{
	position:absolute;
	top:72%;
	left:36%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:8px 15px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:67%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	padding:10px 15px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:22px;
    font-family:'Florence', cursive;
}
}
@media only screen and (max-width:300px) {
     .title h1{
    font-size:25px;
    color:#fff;
    padding-left:12%;
    padding-top:35px;
}
    .btn1{
	position:absolute;
	top:72%;
	left:29%;
	transform:translate(-50%,-50%);
	border:3px solid #fff;
	background-color:#53B9C8;
	padding:7px 10px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn1:hover{
	background-color:#fff;
	color:#000;
}
.btn2{
	position:absolute;
	top:72%;
	left:69%;
	background-color:#53B9C8;
	transform:translate(-50%,-50%);
	border:2.5px solid #fff;
	padding:10px 15px;
	color:#fff;
	text-decoration:none;
	transition:0.6s ease;
}
.btn2:hover{
	background-color:#fff;
	color:#000;
}
.description p{
    font-size:18px;
    font-family:'Florence', cursive;
}
}