@charset "UTF-8";
/* CSS Document */

html, body {
    height: 100%;
}

img { max-width: 100%;}

*{ margin: 0px; padding: 0px;}

body { margin: 0px; padding: 0px; background:url(../images/main-bg.jpg) no-repeat fixed center top; font-family: 'Fira Sans', sans-serif;font-size: 16px; color: #535353; position: relative; background-size: cover; width: 100%; height: 100vh; color: #fff; }
h1 { margin: 0px; padding: 0px;    margin-bottom: 10px;font-weight: 400;}
p {font-size: 20px;color: #fff; margin-bottom: 40px;font-weight: 400;}
p span { color: #7664a9;}

.pinkText { color: #ee5281;display: block;margin-bottom: 30px;font-size: 12px;}

.full-container {     position: relative;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
     }
.placeholder-white-box {   max-width: 550px;  margin: 0 auto; text-align: center; }
 
.red-button {  color: #ee5281; text-transform: uppercase; font-size: 18px; font-weight: 500;text-decoration: none; padding: 16px 17px; display: inline-block; margin-bottom: 5px;border:1px solid #ee5281;transition: all 0.5s ease;}
.red-button:hover { background: #ee5281; color: #fff;ˇtransition: all 0.5s ease; }

h1 { font-size: 40px; line-height: 55px; }


.social-icons { margin: 0px;padding:0px;}
.social-icons li { display: inline-block;}
.social-icons li a {     color: #fff;
    font-size: 25px;
    padding: 0 8px;
    transition: all 0.5s ease;}
.social-icons li a:hover { color: #dde448;transition: all 0.5s ease; }
.developer-info { font-size: 20px; text-align: center;color: #7664a9;font-family: 'Fira Sans', sans-serif;}
.developer-info a { position: relative; top: 20px; display: inline-block;left: 5px;}


.booclConsukltbtn { font-size: 15px; font-weight:600; color: #d7df23;   text-decoration: none; border: 1px solid #fff; display: inline-block;; padding: 15px 25px; margin-top: 25px; margin-bottom: 25px;transition: all 0.5s ease; border-radius: 35px;overflow:hidden; }

.booclConsukltbtn:hover {  background-color:#d7df23;; border-color: #d7df23;; color: #000;transition: all 0.5s ease;  }


.phonebumber { font-size: 16px; color: #fff; display:block;  }
.phonebumber a { color: #fff; text-decoration: none;  }

#bm { margin-bottom: 35px; }

@media(max-height:500px)
{
.full-container { position: relative; top: 30px; transform: none; }
}


@media(max-width:768px)
{
	h1 { font-size: 30px; line-height: 33px; }
	.placeholder-white-box { padding-left: 50px; padding-right: 50px;}
	.developer-info { font-size: 12px;}
	.developer-info img { max-width: 25px; }
	.developer-info a { top: 12px; }
	.red-button { font-size: 14px; }

	p { font-size: 16px; }

}

@media(max-width:420px)
{
    .placeholder-white-box {
    padding-left: 15px;
    padding-right: 15px;
}
h1 { font-size:21px; }
}