/* ###################################################### MEDIA QUERIES ######################################################*/



/* Mobile (Portrait) */

/* When the width of this document is 600 pixels or less, the background-color is "lightblue", otherwise it is "lightgreen".*/

	@media only screen and (max-width: 600px) {

		/* BG */

			@-moz-keyframes bg {
				0% {
					-moz-transform: translate3d(0,0,0);
					-webkit-transform: translate3d(0,0,0);
					-ms-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
				}

				100% {
					-moz-transform: translate3d(-412.5px,0,0);
					-webkit-transform: translate3d(-412.5px,0,0);
					-ms-transform: translate3d(-412.5px,0,0);
					transform: translate3d(-412.5px,0,0);
				}

	}

		@-webkit-keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
			}

		@-ms-keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
		}

		@keyframes bg {
			0% {
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}

			100% {
				-moz-transform: translate3d(-412.5px,0,0);
				-webkit-transform: translate3d(-412.5px,0,0);
				-ms-transform: translate3d(-412.5px,0,0);
				transform: translate3d(-412.5px,0,0);
			}
		}

		#bg {
			background-size: 412.5px auto;
			width: 1237.5px;
		}

	/* Header */

		#header nav {
			padding: 0 1em;
		} 
		
		#bg {background-image: url("images/backg2.jpg"); background-size:cover !important;
		background-repeat: repeat;
		height: 100%;
		left: 0;
		opacity: 1;
		position: fixed;
		top: 0; }
		
		.titulo {background-size:contain;}
		
		.bootstrap_row {padding:1em 0 1em 0; position:absolute; top:0;}
		
		#main {position:sticky;}
		
		
		.dropdown-content {background-color:rgba(0,0,0,0.9);}
		
		
		.titulo img {width:150px !important;}
		
		
		.menu_normal {/*visibility:hidden;*/ display:none !important;}
		
		.menu_boots {/*visibility:visible;*/ display:block; text-align:left; line-height:3em; position:relative; z-index:9999;}
		
		.menu_boots a {font-family: 'Exo 2', sans-serif; color:white; font-size:1.1em; font-weight:bold; text-decoration:none;}
		
		.menu_boots a:hover {color:yellow;}
		
		.menu_boots li {border-bottom:solid 1px rgba(255,255,255,0.5);}
		
		.btn {background-color:transparent !important; border:none !important; font-family: 'Exo 2', sans-serif; font-size:1.1em !important;
			padding-left:0 !important; margin-left:0 !important;}
		
		
		.joel {position:absolute; top:3em !important;}
		
		.list-group {margin-top:3em !important;}
		
		.dropdown {border-bottom:solid 1px rgba(255,255,255,0.5); width:100%;}
		
		.dropdown-menu {background-color:rgba(0,0,0,0.9) !important;}
		
		.dropdown-menu li {border-bottom:none !important;}
		
		.dropdown-item:hover {color:yellow !important;}
		
		.dropdown-item:active {color:white !important;}
		
		.dropdown-item {font-size:0.9em !important; line-height:25px; font-family: 'Montserrat', sans-serif !important; color:white !important;}
		
		
		hr.line {display:none;}
	
		
/* ########################## COASTER FORM ########################## */

		.triangle {width:20% !important;}
		
		.container-sm {margin-left:0 !important; float:none;}
	
		.picture_right {visibility:hidden;}
		
/* ########################## ARROW ########################## */

		.table {position:absolute !important; bottom:34em !important; font-size:0.8rem !important;}
		
		.presentation {position:static !important;}
		
		
		.col {display:none;}
		
		
/* ########################## DISNEY PARKS ########################## */

		.presentation {padding:0 !important; margin:0 0 2em 0 !important;}
		
		.dropdown-menu li a {color:white !important;}
		
		.dropdown-menu li a:hover {color:black !important;}
		
		.item a img {display:block !important; margin:1em auto 1em auto !important;}
		
	}