/* ###################################################### 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;} }