/*
 * Start Bootstrap - Full (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@font-face {
    font-family: 'halflings'; /*a name to be used later*/
    src: url('../fonts/glyphicons-halflings-regular.ttf'); /*URL to font*/
}

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

@media (min-width: 700px) {
	.full {
	    background: url('../img/9.jpg') no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	    -o-background-size: cover;
	}

	.logo {
		width: 25%;
		margin-top: 20%;
		margin-left: 4%;
	}

	.name {
		margin-left: 45%;
		font-weight: normal;
		margin-top: -49%;
		font-size: 50px;
		font-weight: 200;
	}

	.tagline1 {
		margin-left: 45%;
    margin-top: -40%;
		font-size: 43px;
		font-weight: 100;
	}

	.tagline2 {
		margin-left: 39%;
		margin-top: 0%;
		font-size: 33px;
		font-weight: 400;
	}

	.playstore {
		width: 35%;
		margin-top: -110%;
		margin-left: 93%;
	}

	.appstore {
		width: 32%;
		margin-top: -110%;
		margin-left: 27%;
	}

	.mobile {
		display: none;
	}
}
@media only screen and (max-width: 355px) {
	body {
		margin-top: 29%;
	}
    .full {
	    background: url('../img/9.jpg')
	}

	.logo {
	    width: 13%;
	    margin-top: 5%;
	    margin-left: 44%;
	}

	.name {
		margin-left: 12%;
		font-weight: lighter;
		margin-top: 4%;
		font-size: 33px;
		font-weight: 200;
	}

	.tagline1 {
		margin-left: 6%;
		font-size: 18px;
		font-weight: 200;
	}

	.tagline2 {
		margin-left: 10%;
		margin-top: -2%;
		font-size: 18px;
		font-weight: 200;
	}

	.playstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 24%;
	}

	.appstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 24%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
}

@media only screen and (min-width: 360px) and (max-width: 370px){
	body {
		margin-top: 29%;
	}
    .full {
	    background: url('../img/9.jpg');
	}

	.logo {
	    width: 20%;
    	margin-top: 5%;
    	margin-left: 40%;
	}

	.name {
	    margin-left: 16%;
	    font-weight: lighter;
	    margin-top: 4%;
	    font-size: 33px;
	    font-weight: 200;
	}

	.tagline1 {
        margin-left: 8%;
	    font-size: 19px;
	    font-weight: 100;
	}

	.tagline2 {
		margin-left: 11%;
	    margin-top: -2%;
	    font-size: 19px;
	    font-weight: 100;
	}

	.playstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
	}

	.appstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
}

@media only screen and (min-width: 370px) and (max-width: 380px){
	body {
		margin-top: 29%;
	}
    .full {
	    background: url('../img/9.jpg');
	}

	.logo {
	    width: 20%;
    	margin-top: 5%;
    	margin-left: 40%;
	}

	.name {
	    margin-left: 16%;
	    font-weight: lighter;
	    margin-top: 4%;
	    font-size: 33px;
	    font-weight: 200;
	}

	.tagline1 {
	    margin-left: 8%;
	    font-size: 20px;
	    font-weight: 200;
	}

	.tagline2 {
		margin-left: 11%;
        margin-top: -2%;
        font-size: 20px;
	    font-weight: 200;
	}


	.playstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
	}

	.appstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
}

@media only screen and (min-width: 380px) and (max-width: 420px){
	body {
		margin-top: 29%;
	}
    .full {
	    background: url('../img/9.jpg')
	}

	.logo {
	    width: 13%;
	    margin-top: 5%;
	    margin-left: 44%;
	}

	.name {
		margin-left: 21%;
		font-weight: lighter;
		margin-top: 4%;
		font-size: 33px;
		font-weight: 200;
	}

	.tagline1 {
	    margin-left: 9%;
    	font-size: 22px;
    	font-weight: 200;
	}

	.tagline2 {
		margin-left: 13%;
		margin-top: -2%;
		font-size: 22px;
		font-weight: 200;
	}

	.playstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
		margin-bottom: 50px;
	}

	.appstore {
	    width: 54%;
	    margin-top: 5%;
	    margin-left: 25%;
		margin-bottom: 50px;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
}

@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto))
and (not (-moz-appearance:none))
{

  .safari_only {
    .tagline1 {
        margin-left: 8%;
	    font-size: 20px;
	    font-weight: 200;
	}

	.tagline2 {
		margin-left: 13%;
	    margin-top: -2%;
	    font-size: 19px;
	    font-weight: 200;
	}
  }

}