/* Move down content because we have a fixed navbar that is 50px tall */
body {
	background-image: url("img/bg.png"); 
	background-position: center;
	background-color: #ffd66f;
	margin-bottom: 80px;
	font-family: 'ADPolaquita';
	color: #9d8443;
	
}

h1 {
	font-size: 4em;
	color: #8e2436;
}

p {
	font-size: 1.7em;
}

a{
	color:#9d8443;
	text-decoration:underline;
}
a:focus{
	border: none;
	color: #8e2436;
}
a:hover {
	border:none;
	text-decoration:underline;
	color: #8e2436;
}

img{
	border: none;
}


.jumbotron {
	margin-bottom:0;
	padding-bottom: 0;
}

.header {
	width: 100%;
	/*height: 1030px;*/
	/*height: 100vh;*/
	background-image: url("img/header.png");
	background-color: #2fa1d0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.header-border {
	background-image: url("img/header_border.png"); 
	width:100%;
	height:31px;
	margin: 0px;
	padding: 0px;
	margin-top: -5px;
}

.header-buttons {
	position:relative;
	top: 39%;
}

.store-buttons {
	margin-top: 80px;
}

.section {
	margin-top: 7em;
}

.separator {
	margin-top: 6em;
}

.rowspacer {
	margin-top:80px;
}

.rowspacer-mobile{
	margin-top:40px;
}

.marginbottom {
	margin-bottom:30px;
}

.rounded {
	border-radius: 10px;
}

.width100 {
	width: 100%;
}

.vertical-center {
	min-height: 100%; 
	min-height: 100%; 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width: 100%;
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}


/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


.footer-link {
	margin-right:20px;
}

/***** MODAL PROPERTIES *****/
 .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
.modal-content iframe {
    border:none;
    padding:0;
    margin:0;
    height: 80vh;
}
.close {
    font-size: 80px;
    margin:-20px 0 0 0;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    .modal-content {
        padding:0;
        margin: 0;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
    .close {
        margin:-12px 0 0 0;
    }
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    .close {
        font-size: 80px;
        margin:30px -43px -20px 100px;
    }
}


/****************************************************************************************

/* styles for browsers larger than 768px; */
@media only screen and (min-width:768px){
.header {
	height: 550px;
}
.header-buttons {
	top: 27%;
}
.play-button {
	transform: scale(0.72, 0.72);
	-ms-transform: scale(0.72, 0.72); /* IE 9 */
    -webkit-transform: scale(0.72, 0.72); /* Safari */

}
.store-buttons {
	margin-top: 30px;
}
}


/* styles for browsers larger than 1200px; */
@media only screen and (min-width:1280px){
.header {
	height: 1030px;
}
.header-buttons {
	top: 40%;
}
.play-button {
	transform: scale(1, 1);
	-ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
}
.store-buttons {
	margin-top: 80px;
}
}


/* styles for browsers larger than 1440px; */
@media only screen and (min-width:1440px){

}


/* for sumo sized (mac) screens */
@media only screen and (min-width:2000px){

}


/* styles for mobile browsers smaller than 480px; (iPhone) */
@media only screen and (max-device-width:480px){
h1 {
	font-size: 2.7em;
}
p {
	font-size: 1.5em;
}
.section {
	margin-top: 5em;
}

.separator {
	margin-top: 4em;
}
.header {
	height: 225px;
}
.header-buttons {
	top: 0%;
}
.play-button {
	transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5); /* IE 9 */
	-webkit-transform: scale(0.5, 0.5); /* Safari */
}
.store-buttons {
	margin-top: 0px;
}

}


/* default iPad screens */
@media only screen and (device-width:768px){

}


/* different techniques for iPad screening */

/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}

/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}