/*------------ MODAL ISSUE ------------*/

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}


/*-----------------------------------*/



@font-face {
	font-family: 'Roboto-Black';
	src: url('Roboto-Black.eot');
	src: url('Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('Roboto-Black.woff2') format('woff2'),
		url('Roboto-Black.woff') format('woff'),
		url('Roboto-Black.ttf') format('truetype'),
		url('Roboto-Black.svg#Roboto-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('BebasNeueRegular.eot');
	src: url('BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('BebasNeueRegular.woff2') format('woff2'),
		url('BebasNeueRegular.woff') format('woff'),
		url('BebasNeueRegular.ttf') format('truetype'),
		url('BebasNeueRegular.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('BebasNeueBold.eot');
	src: url('BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('BebasNeueBold.woff2') format('woff2'),
		url('BebasNeueBold.woff') format('woff'),
		url('BebasNeueBold.ttf') format('truetype'),
		url('BebasNeueBold.svg#BebasNeueBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Aksent';
	src: url('AksentNormal.eot');
	src: url('AksentNormal.eot?#iefix') format('embedded-opentype'),
		url('AksentNormal.woff2') format('woff2'),
		url('AksentNormal.woff') format('woff'),
		url('AksentNormal.ttf') format('truetype'),
		url('AksentNormal.svg#AksentNormal') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'Letter Gothic Std';
    src: url('LetterGothicStd.eot');
    src: url('LetterGothicStd.eot?#iefix') format('embedded-opentype'),
        url('LetterGothicStd.woff2') format('woff2'),
        url('LetterGothicStd.woff') format('woff'),
        url('LetterGothicStd.ttf') format('truetype'),
        url('LetterGothicStd.svg#LetterGothicStd') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Hemi Head Rg';
    src: url('HemiHeadRg-BoldItalic.eot');
    src: url('HemiHeadRg-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('HemiHeadRg-BoldItalic.woff2') format('woff2'),
        url('HemiHeadRg-BoldItalic.woff') format('woff'),
        url('HemiHeadRg-BoldItalic.ttf') format('truetype'),
        url('HemiHeadRg-BoldItalic.svg#HemiHeadRg-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}




/*---------------------- LOADER ----------------------*/


.loader {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader > img {
    width: 100px;
}

.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
    }

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}





/*---------------------- BASE ----------------------*/


html {
    
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    max-width: 100%;
    max-height: 100%;
    
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    border: 0px;
    background-image: url(../img/textures/1-tint.jpg);
    background-color: transparent;
    color: #3d5382;
    -webkit-font-smoothing: antialiased;
    /*-webkit-overflow-scrolling: touch;*/
    -moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    font-smoothing:antialiased;
}

.container {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.container-fluid {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#wrapper {
    min-height: 100%;
    min-width: 100% !important;
    position: relative;
}




/*----------- FOOTER --------------*/

footer {
    width: 100%;
    min-height: 220px;
    position: absolute;
    padding-top: 35px;
    line-height: 1;
    margin-bottom: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #293c64;
    color: #e6e017;
    font-size: 11px;
    letter-spacing: 1px;
}


h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto-Black';
}

h2 {
    font-family: 'Roboto-Black';
    color: #3d5382;
    font-size: 35px;
    text-shadow: 3px 3px 9px rgba(0, 0, 0, 0.44);
}

#pics:hover {
    box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#pics2:hover {
    box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

a:link {
    text-decoration: none;
}

a:focus {
  outline: none;
}

p {
    font-size: 20px;
    line-height: 1;  
}

h3 {
    font-family: 'Bebas Neue';
	font-style: normal;
    font-size: 24px;
    font-weight: bold;
    color: #3d5382;
    line-height: 1.0;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
}

h4 {
    font-size: 20px;
}

#space1 {
    font-size: 60px;
    font-family: 'Roboto-Black';
    color: rgba(255,255,255, 1);
    padding-bottom: 0px;  
    text-shadow: 0px 43px 70px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    margin-top: 70px;
}

#space2 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 40px;    
    color: rgba(255,255,255, 0.8);
    text-shadow: 0px 27px 60px rgba(0, 0, 0, 0.7);
    margin-top: 0px;
}

#columnSlide {
    height: 100%;
    max-width: 2560px;
}

.col-centered {
    display:inline-block;
    float:none;   
}

#cars {
    font-size: 25px;
}

#price {
    font-size: 22px;
    font-weight: bold;
}

#text {
    font-size: 27px;
    line-height: 1.1;
}




/*----------------- HERO ----------------*/


#hero {
    margin: 0;
    padding: 0;
    background-image: url(../img/landing/hero-7.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
    height: 1440px; 
}

#hero-overlay {
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0.1);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    height: 1440px;
    width: 100% ;
}

#columnHero {
    margin: 0;
    padding: 0;
}

#columnSlide {
    margin: 0;
    padding: 0;
    width: 100%;
}

#callButton {
    font-size: 27px;    
    color: #e6e017;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 90px;
    margin-top: 0px;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 53px 73px -20px rgba(0, 17, 0, 0.7);
    border-radius: 0px;
    background-color: rgba(41,60,100,0.8);
    margin-bottom: 0px;
    letter-spacing: 2px;
}

#callButton:hover {
    color: #fefe99;
    box-shadow: 0 0px 40px 5px rgba(254, 254, 153, 0.7);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#formButton {  
    color: #e6e017;
    font-size: 27px;    
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 70px;
    padding-right: 70px;
    border-radius: 0px;
    background-color: rgba(41,60,100,0.7);
    letter-spacing: 2px;
    -webkit-box-shadow: 0px 30px 50px -5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:  0px 30px 50px -5px rgba(50, 50, 50, 0.5);
    -o-box-shadow:    0px 30px 50px -5px rgba(50, 50, 50, 0.5);
    -ms-box-shadow:    0px 30px 50px -5px rgba(50, 50, 50, 0.5);
    box-shadow:       0px 30px 50px -5px rgba(50, 50, 50, 0.5);
}    

#formButton:hover  {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.8);
    color: #fefe99;
    box-shadow: 0 0px 40px 5px rgba(254, 254, 153, 0.7);
}

#location, #form, #rates, #airports, #flat, #tolls, #news, #cams, #newsArchives, #news2026, #news2025, #news2024, #news2023, #news2022, #news2021, #news2020, #news2019, #news2018, #news2017, #news2016, #news2014-2015 {
    font-size: 35px;
    text-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);  
}

#table {
    font-size: 20px;  
}





/*--------------------- BANNERS ------------------------*/


#banner1 {
    margin: 0;
    padding: 0;
    background-image: url(../img/banners/banner1.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    width: 100% !important;
    height: 400px;
}

#banner2 {
    margin: 0;
    padding: 0;
    background-image: url(../img/banners/banner5.jpg);
    background-position: center center;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
    height: 400px;
}

#banner3 {
    margin: 0;
    padding: 0;
    background-image: url(../img/banners/banner3.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
    height: 400px;
}

#banner-overlay1, #banner-overlay2, #banner-overlay3 {
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0.2);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    height: 400px;
    width: 100% ;
}







/*--------------------- NAVBAR -----------------------*/


.my-navbar {
    background: rgba(41,60,100,0.8);
    border: 0px;
    border-radius: 0;
    padding: 0;
    margin: 0;
    min-height: 90px;
    -webkit-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    -ms-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    -o-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
}

#logo {
    font-family: 'Aksent';
    font-size: 28px;
    font-style: italic;
    font-weight: normal;
    line-height: 27px;
    padding: 0;
    margin-top: 20px;
    margin-left: 15px;
    color: #e6e017;
}

#logo:hover {
    color: #fefe99;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    text-shadow: 0px 4px 4px rgba(254, 254, 153, 0.7);
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}

#clockDisplay {
    font-family: 'Hemi Head Rg';
    color: #e6e017;
    border: 0px;
    width: 225px;
    font-style:  italic;
    padding: 0px;
    margin-top: -24px;
    margin-left: 13px;
    text-align: right;
    letter-spacing: 2px;
    font-size: 17px;
}

#clockDisplay:hover {
    color: #fefe99;
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    text-shadow: 0px 8px 8px rgba(254, 254, 153, 0.5);
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}

#beta {
    color: rgba(230, 224, 24, 0.5);
    font-family: arial;
    font-size: 17px;
    margin: 0px;   
}

#beta:hover, #beta:focus {
    color: #fefe99;
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}


.navbar-default .navbar-nav>li>a {
    font-family: 'Bebas Neue';
    font-size: 27px;
    font-weight: bolder;
    color: #e6e017;
    letter-spacing: 2px;
    margin: 0px;
    margin-top: 3px;
    padding-left: 17px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav>li>a:hover {
    font-family: 'Bebas Neue';
    font-size: 27px;
    font-weight: bold;
    color: #fefe99;
    letter-spacing: 2px;
    margin: 0px;
    margin-top: 3px;
    padding-left: 17px;
    padding-bottom: 10px;
    text-shadow: 0px 4px 5px rgba(254, 254, 153, 0.7);
    -webkit-transform: scale(1.03) ;
    transform: scale(1.03);
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}




/*--------------- caret ----------------*/


.caret:hover,
.caret: focus {
    -webkit-transform: scale(1.05) ;
    transform: scale(1.05);
    text-shadow: 0px 4px 4px rgba(254, 254, 153, 0.7);
}

.navbar-toggle {
    float: right;
    margin-left: 3px;
    padding-right: 15px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 7px;  
}

.navbar-toggle:hover {
    float: right;
    margin-left: 3px;
    padding-right: 15px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    box-shadow: 0px 3px 5px rgba(255, 255, 0, 0.5);
  -webkit-transform: scale(1.05) ;
  transform: scale(1.05);   
}

.navbar-right {
    margin-right: 15px;
    font-size: 25px;
    margin-top: 17px;   
}

.navbar-default .navbar-toggle {
    border-color: #e6e017;
    background-color: #293c64;
}   

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #3d5382;
    -webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
    -o-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fefe99 !important;
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}




/*----------- ACTIVE SCROLL ---------------*/

.dropdown-menu>.active>a {
    color: #fefe99 !important;
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;   
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active >a:hover {
    color: #fefe99 !important;
    background-color: transparent !important;
    -webkit-transition:color 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out;
    -ms-transition:color 0.3s ease-in-out;
    -o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out;
}

.navbar-default .navbar-collapse {
    padding-left: 22px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent !important;
    color: #fefe99 !important;
    text-shadow: 0px 3px 3px rgba(254, 254, 153, 0.7);
    font-weight: bold;
}







/*--------------- DROPDOWN MENU ----------------*/

    
.navbar-default .navbar-nav .dropdown-menu>li>a {
        color: #e6e017;
        font-size: 25px;
        font-weight: bolder;
        letter-spacing: 3px;
        margin-left: 0px;
        margin-top: 10px;
}
    
.navbar-default .navbar-nav .dropdown-menu>li>a:hover {
        color: #fefe99;
        background-color: transparent;
}


.dropdown-menu>li>a {
    font-family: 'Bebas Neue';
    font-weight: bold;
    font-size: 25px;
    white-space: nowrap;
    color: #e6e017;
    padding-left: 15px;
    margin: 0;
    border: 0px;    
}

.dropdown-menu>li>a:hover {
    background-color: rgba(230, 224, 24, 0.7);
    background-image: none;
    text-shadow: 0px 3px 3px rgba(254, 254, 153, 0.7);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    display: block;
}

.navbar-nav>li>.dropdown-menu {
    background-color: rgba(41,60,100,0.7);
    margin-top: 25px;
    min-width: 210px;
    text-align: right;
    border: 0px;
    border-radius: 0px;
    padding-left: 17px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 20px 24px -5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:  0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    -mz-box-shadow:    0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    -o-box-shadow:    0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    box-shadow:       0px 50px 74px -15px rgba(50, 50, 50, 0.5);
}

.dropdown:hover .dropdown-content {
    display: block;
}




#colLocation {
   margin-top: 2%;
}





/*------------------ PICTURES ------------------*/


.map-responsive{
    left:0;
    top:0;
    height:100%;
    width:100%;
    min-height: 400px;
    position:relative;
    padding-bottom:5%;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    padding-bottom:0%;
}

#map {
    margin-bottom: 40px;
}

#prius,{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
}

#sienna {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 5px; 
}

#sendus {
    line-height: 1.3;
}


#manhattan:hover {
    box-shadow: 0 30px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#queens:hover {
    box-shadow: 0 30px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#bronx-staten:hover {
    box-shadow: 0 30px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



#columnSedan {
    margin-bottom: 0px;
}

#columnMinivan {
    margin-bottom: 150px;
}

#columnAirports {
    margin-bottom: 100px;
}

#columnFlat {
    margin-bottom: 30px;
}

#rowTolls {
    margin: 0px;
    padding: 0px;
    min-width: 100%;
}


#table {
    
}

#cars {
    font-size: 30px;
    letter-spacing: 4px;
    padding-bottom: 15px;
}  

#airport {
    font-size: 23px;
    letter-spacing: 4px;
    padding-bottom: 0px;
}

#hourly {
    font-size: 19px;
}

#picsFlat {
    margin-left: 15px;
    margin-right: 15px;
}

#picsCam {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 400px;
}






#Layer_1 {
    height: 50px;
    margin: 0px;
}

#textFooter {
    letter-spacing: 3px;
}

#textFooter2 {
    margin-top: 5px;
}


@media (hover: none) {
    
   #hero, #banner1, #banner2, #banner3 {
       background-attachment: initial;
   }
}








/*------------- NEWS ARCHIVES -----------------*/

#archives .dropdown-menu {
    background-color: rgba(42,61,101,0.75);
    margin-top: 2px;
    min-width: 135px;
    text-align: center;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -ms-box-shadow:  0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -o-box-shadow:    0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    box-shadow:       0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    z-index: 1000;
}

#archives .dropdown-menu a:hover {
    background-color: transparent;
    color: #fefe99; 
}

#archives .dropdown-menu>li>a {
    font-size: 22px;
    letter-spacing: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#archives  {
    border: 0px;
    border-radius: 0px;
    color: #e6e017;
    letter-spacing: 3px;
    background-color: rgba(42,61,101,0.5);
    -webkit-box-shadow: 0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:  0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -ms-box-shadow:    0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    -o-box-shadow:    0px 20px 50px -5px rgba(50, 50, 50, 0.4);
    box-shadow:       0px 20px 50px -5px rgba(50, 50, 50, 0.4);
}





/*-------------------- MODAL WINDOWS --------------------*/


#modal {
    color: #e6e017;
    text-shadow: 0px 3px 1px rgba(0, 0, 0, 1);
}

.modal-open .modal {
    background-color: rgba(0,0,0,0.5);
}

button.close {
    background-color: transparent;
    padding: 10px;
    opacity: 1;
    color: #293c64;
    text-shadow: 0px 4px 1px rgba(0, 0, 0, 1);
}

button.close.glyphicon-remove {  
    color: #e6e017;
    margin-right: 15px;
    text-shadow: 0px 4px 1px rgba(0, 0, 0, 1);
}

/*---------------- MODAL HEADER -------------------*/

.modal-header {
    margin: 0px;
    padding: 0px;
    border-bottom: 0px;
    width: auto;
    font-size: 20px;
}

/*---------------- MODAL BODY -------------------*/

.modal-body {
    padding: 0px;
    margin: 0px;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 1);
    color: #e6e017;
    font-size: 20px;
}

/*---------------- MODAL FOOTER -------------------*/

.modal-footer {
    padding: 0px;
    text-align: right;
    border-top: 0px;
    width: auto;
    margin-top: 50px;
    background-position: center center;
}

.btn-warning {
    color: #e6e017;
    background-color: transparent;
    text-shadow: 2px 2px 2px rgba(0, 17, 0, 0.8);
    padding: 10px 20px 10px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder; 
    border-color: #e6e017;
    border: 0px;
    border-radius: 0px;
}
  

#modalReserve {
    font-size: 27px;    
    color: #e6e017;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 100px;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 45px 40px -20px rgba(0, 17, 0, 0.8);
    border-radius: 0px;
    background-color: rgba(41,60,100,0.7);
}
    
#modalReserve:hover {
    color: #fefe99;
    box-shadow: 0 30px 30px -20px rgba(254, 254, 153, 0.7);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#modal2 {
    text-shadow: 0px 33px 33px rgba(0, 0, 0, 0.8);
    color: #e6e017;
    letter-spacing: 2px;
}


/*-------------------------------------------------------*/





/*----------- FOOTER --------------*/

footer {
    width: 100%;
    min-height: 220px;
    position: absolute;
    padding-top: 35px;
    line-height: 1;
    margin-bottom: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #293c64;
    color: #e6e017;
    font-size: 11px;
    letter-spacing: 1px;
}








/*----------------- MEDIA 5120px -------------------*/


@media only screen  
  and (min-device-width: 5120px)
  and (-webkit-min-device-pixel-ratio: 1) {
      
    .my-navbar {
        background: rgba(41,60,100,0.8);
        border: 0px;
        border-radius: 0;
        padding: 0;
        margin: 0;
        min-height: 180px;
        -webkit-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -ms-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -o-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
}
    
    #logo {
        line-height: 54px;
        padding: 0;
        margin-top: 40px;
        margin-left: 30px;
        margin-right: 0px;
        margin-bottom: 34px;
        font-size: 58px;
    }
    
    #space1 {
        font-size: 200px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 73px 90px rgba(0, 0, 0, 0.5);
        letter-spacing: 1px;
        margin-top: 440px;
    }

    #space2 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 120px;    
        color: rgba(255,255,255, 0.8);
        text-shadow: 0px 50px 70px rgba(0, 0, 0, 0.7);
        margin-top: 30px;
    }
    
    #rowHero {
        height: 2880px;
    }
    
    #hero, #hero-overlay {
        height: 2880px;
        width: 100%;
    }
    
    #rowCall {
        margin-top: 350px;
    }
    
    #callButton {
        display: none;
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 370px;
        font-style: italic;
        padding: 0px;
        margin-top: -54px;
        margin-left: 120px;
        text-align: right;
        letter-spacing: 3px;
        font-size: 36px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 36px;
        margin: 0px;
        margin-top: -8px;
    }
}


@media (max-width: 1194px) {
    #text {
        font-size: 25px;
        font-weight: bolder;
    }
}






/*----------------- MEDIA 3840px -------------------*/


@media only screen  
    and (max-device-width: 3840px)
    and (min-device-width: 2561px)
    and (-webkit-min-device-pixel-ratio: 1) {
      
    .my-navbar {
        background: rgba(41,60,100,0.8);
        border: 0px;
        border-radius: 0;
        padding: 0;
        margin: 0;
        min-height: 135px;
        -webkit-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -ms-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -o-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    }
    
    #logo {
        line-height: 40px;
        padding: 0;
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 0px;
        margin-bottom: 17px;
        font-size: 43px;
    }
        
        
    .navbar-default .navbar-nav>li>a {
        font-family: 'Bebas Neue';
        font-size: 36px;
        font-weight: bolder;
        color: #e6e017;
        letter-spacing: 4px;
        margin: 0px;
        margin-top: 25px;
        padding-left: 23px;
        padding-bottom: 35px;
        padding-top: 13px;
    }

    .navbar-default .navbar-nav>li>a:hover {
        font-family: 'Bebas Neue';
        font-size: 36px;
        font-weight: bold;
        color: #fefe99;
        letter-spacing: 4px;
        margin: 0px;
        margin-top: 25px;
        padding-left: 23px;
        padding-bottom: 13px;
        padding-top: 13px;
        text-shadow: 0px 4px 5px rgba(254, 254, 153, 0.7);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
        -webkit-transition:color 0.3s ease-in-out;
        -moz-transition:color 0.3s ease-in-out;
        -ms-transition:color 0.3s ease-in-out;
        -o-transition:color 0.3s ease-in-out;
        transition:color 0.3s ease-in-out;
    }

 
        
        
/*--------------- DROPDOWN MENU ----------------*/
    
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #e6e017;
        font-size: 32px;
        font-weight: bolder;
        letter-spacing: 3px;
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fefe99;
        background-color: transparent;
    }

    .dropdown-menu>li>a {
        font-family: 'Bebas Neue';
        font-weight: bold;
        font-size: 32px;
        white-space: nowrap;
        color: #e6e017;
        padding-left: 15px;
        margin: 0;
        border: 0px;    
    }

    .dropdown-menu>li>a:hover {
        background-color: rgba(230, 224, 24, 0.7);
        background-image: none;
        text-shadow: 0px 3px 3px rgba(254, 254, 153, 0.7);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

    .navbar-nav>li>.dropdown-menu {
        background-color: rgba(41,60,100,0.7);
        margin-top: 25px;
        min-width: 280px;
        text-align: right;
        border: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 20px 24px -5px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:  0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -ms-box-shadow:  0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -o-box-shadow:    0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        box-shadow:       0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    }    
    
    #space1 {
        font-size: 133px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 90px 130px rgba(0, 0, 0, 0.6);
        letter-spacing: 1px;
        margin-top: 250px;
    }

    #space2 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 80px;    
        color: rgba(255,255,255, 0.8);
        text-shadow: 0px 90px 110px rgba(0, 0, 0, 0.7);
        margin-top: 30px;
    }
    
    #rowHero {
        height: 2160px;
    }
    
    #hero, #hero-overlay {
        height: 2160px;
        width: 100%;
    }
    
    #rowCall {
        margin-top: 350px;
    }
    
    #callButton {
        display: none;
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 250px;
        font-style: italic;
        padding: 0px;
        margin-top: -39px;
        margin-left: 115px;
        text-align: right;
        letter-spacing: 3px;
        font-size: 27px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 30px;
        margin: 0px;
        margin-top: -2px;
        margin-left: 5px;
    }     
        
    #banner1, #banner2, #banner3 {
        height: 850px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 850px;
    }
        
    .map-responsive{
        min-height: 800px;
    }
        
    #text {
        font-size: 40px;
        line-height: 1.5;
        margin-top: 10%;
        margin-bottom: 10%;
    }
        
    #location, #form, #rates, #airports, #flat, #tolls, #news, #cams, #newsArchives {
        font-size: 46px;
        text-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);  
    }

    #table {
        font-size: 27px;  
    }
        
    #sendus {
        line-height: 1.5;
        font-size: 1.5em;
    }
        
    #cars {
        font-size: 40px;
    }
        
    #airport {
        font-size: 31px;
    }
        
    #price {
        font-size: 31px;
    }
        
    p {
        font-size: 27px;
    }
        
    h4 {
        font-size: 27px;
    }
        
    a:link {
        line-height: 1.3;
        font-size: 1.3em;
    }
        
    #archives {
        font-size: 1.3em;
    }
        
    #archives .dropdown-menu>li>a {
        font-size: 29px;
    }
        
    #colLocation {   
        max-width: 2560px;
        display: block;
        text-align: center;
    }
        
    .col-centered{
        float: none;
        margin: 0 auto;
    }
        
    #Layer_1 {
        transform: scale(1.3);
    }
        
    #pics, #pics2 {
        transform: scale(1.3); 
    }
        
    #pics:hover {
        box-shadow: 0 50px 30px -20px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    #pics2:hover {
        box-shadow: 0 50px 30px -20px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
        
    #cameras {
        margin-bottom: 60px;
        font-size: 1.7em;
    }

    footer {
        width: 100%;
        min-height: 290px;
        position: absolute;
        padding-top: 47px;
        line-height: 1;
        margin-bottom: 0px;
        left: 0px;
        bottom: 0px;
        background-color: #293c64;
        color: #e6e017;
        font-size: 14px;
        letter-spacing: 3px;
    }
        
    #facebook, #twitter, #youtube, #logoFooter {
        transform: scale(1.3);
    }
        
        th {
            transform: scale(1.2);
        }
        
        tr {
            line-height: 80px; 
        }
        
        .table>tbody>tr>th {
            vertical-align: middle;
            border-top: 0;
        }
        
        #modal2 {
            font-size: 50px;
            line-height: 1.5em;
            letter-spacing: 10px;
        }
        
        .modal-header {
            margin-top: 40%;
        }
        
        .glyphicon-remove {
            transform: scale(1.5);
        }
        
        .btn-warning {
            font-size: 30px;
        }
        
        #modalReserve {
            font-size: 50px;    
            color: #e6e017;
            font-weight: bold;
            margin-bottom: 0;
            margin-top: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 100px;
            padding-right: 100px;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
            box-shadow: 0px 70px 90px -20px rgba(0, 17, 0, 0.8);
            border-radius: 0px;
            background-color: rgba(41,60,100,0.7);
        }

        #modalReserve:hover {
            color: #fefe99;
            box-shadow: 0 0px 130px 0px rgba(254, 254, 153, 0.6);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);    
        }
   
}







/*----------------- MEDIA 2560px -------------------*/


@media only screen
    and (max-device-width: 2560px)
    and (min-device-width: 1440px)
    and (-webkit-min-device-pixel-ratio: 1) {
      
    .my-navbar {
        background: rgba(41,60,100,0.8);
        border: 0px;
        border-radius: 0;
        padding: 0;
        margin: 0;
        min-height: 90px;
        -webkit-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -ms-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        -o-box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 50px 74px -15px rgba(50, 50, 50, 0.5);
    }
    
    #logo {
        line-height: 27px;
        padding: 0;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 0px;
        margin-bottom: 17px;
        font-size: 28px;
    }
    
    #space1 {
        font-size: 100px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 73px 90px rgba(0, 0, 0, 0.6);
        letter-spacing: 1px;
        margin-top: 70px;
    }

    #space2 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 60px;    
        color: rgba(255,255,255, 0.6);
        text-shadow: 0px 50px 90px rgba(0, 0, 0, 0.7);
        margin-top: 30px;
    }
    
    #rowHero {
        height: 1080px;
    }
    
    #hero, #hero-overlay {
        height: 1080px;
        width: 100%;
    }
    
    #rowCall {
        margin-top: 350px;
    }
    
    #callButton {
        display: none;
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -27px;
        margin-left: 65px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
        margin-left: 2px;
    }
      
    #banner1, #banner2, #banner3 {
        height: 600px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 600px;
    }
        
    #text {
        line-height: 1.3;
       
    }
}



/*-------------------------------------------------------*/


@media (max-width: 1201px) {
       #text {
        line-height: 1.2;
    }

}




@media (max-width: 1025px) {
       #text {
        font-size: 24px;
    }

}




/*----------------- MEDIA 1920px -------------------*/


@media only screen
    and (min-device-width: 1080px)
    and (max-device-width: 1920px)
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        line-height: 27px;
        padding: 0;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 0px;
        margin-bottom: 17px;
        font-size: 28px;
    }
    
    #space1 {
        font-size: 80px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 73px 90px rgba(0, 0, 0, 0.6);
        letter-spacing: 1px;
        margin-top: 70px;
    }

    #space2 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 60px;    
        color: rgba(255,255,255, 0.6);
        text-shadow: 0px 50px 90px rgba(0, 0, 0, 0.7);
        margin-top: 15px;
    }
    
    #rowHero {
        height: 910px;
    }
    
    #hero, #hero-overlay {
        height: 910px;
        width: 100%;
    }
    
    
    #callButton {
        display: none;
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -27px;
        margin-left: 65px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
        margin-left: 2px;
    }
      
      #banner1, #banner2, #banner3 {
        height: 400px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 400px;
    }
}






/*----------------- MEDIA 1125px -------------------*/


@media (max-width: 1125px) {
    
    .navbar-default .navbar-nav .dropdown-menu>li>a {
        color: #e6e017;
        font-size: 25px;
        font-weight: bolder;
        letter-spacing: 3px;
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .navbar-default .navbar-nav .dropdown-menu>li>a:hover {
        color: #fefe99;
        background-color: transparent;
    }

    
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #e6e017;
        font-size: 25px;
        font-weight: bolder;
        letter-spacing: 3px;
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fefe99;
        background-color: transparent;
    }
    
    .navbar-nav>li>.dropdown-menu {
    background-color: transparent;
    margin-top: 10px;
    min-width: 210px;
    text-align: right;
    border: 0px;
    border-radius: 0px;
    padding-left: 17px;
    padding-bottom: 30px;
    box-shadow: none;
    }
    
    #logo {
        padding: 0;
        margin-top: 15px;
        margin-left: 15px;
        margin-right: 0px;
        margin-bottom: 17px;
        font-size: 28px;
        line-height: 27px;
    }
    
    #collapseBR {
        margin-right: 15px;       
    }
    
    #rowHero {
        height: 1114px;
    }
    
    #hero, #hero-overlay {
        height: 1114px;
        width: 100%;
    }
    
    #space1 {
        font-size: 0px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 50px 90px rgba(0, 0, 0, 0.6);
        letter-spacing: 1px;
        margin-top: 0px;
    }

    #space2 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 50px;    
        color: rgba(255,255,255, 0.6);
        text-shadow: 0px 50px 90px rgba(0, 0, 0, 0.7);
        margin-top: 70px;
    }
    
    p {
        font-size: 17px;
        line-height: 1;  
    }
    
    #price {
        font-size: 19px;
    }
    
    .navbar-header {
        float: none;
        min-height: 90px;
    }
    
    .navbar-left .navbar-right {
        float: none!important;
    }
    
    .navbar-toggle {
        display: inline-block;
        margin-right: 15px;
    }
    
    .navbar-collapse {
        border-top: 0px;
        box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);
    }
    
    .navbar-fixed-top {
        top: 0;
        border-width: 0px;
    }
    
    .navbar-collapse.collapse {
        display: none!important;
    }
    
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    
    .navbar-nav>li {
        float: none;
    }
    
    .navbar-nav>li>a {
        padding-top: 10px;  
    }
    
    /*position customization*/
    .collapse.in{
        display: block !important;
        float: left;
    }
    
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 600px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
        background-color: transparent;
    }
    
    #rightSide {
        padding-bottom: 25px;
    }
    
    #formButton {  
        font-size: 20px;
        font-weight: bold;
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 50px;
    }    
        
    h3 {  
        font-size: 19px;
        font-weight: bold;       
    }
        
    h4 {  
        font-size: 17px;
        letter-spacing: 1px;
               
    }  
        
    #table {
        font-size: 17px;
        
        }
      
    #news, #location, #form, #rates, #airports, #flat, #tolls, #cams {  
        font-size: 25px;
    }
    
    h3 {
        font-size: 23px;
        font-weight: bolder;
    }
    
    #rowCall {
        margin-top: 20px;
    }
    
    #callButton {
        margin-top: 0px;
        padding-left: 80px;
        padding-right: 65px;
        font-size: 30px;
        letter-spacing: 2px;
        letter-spacing: 2px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
        box-shadow: 0px 53px 73px -20px rgba(0, 17, 0, 0.6); 
    }     
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -27px;
        margin-left: 65px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
        margin-left: 2px;
    }
}



/*------------------------------v-----------------------------*/






/*---------------- MEDIA 801px --------------------*/


@media only screen  
  and (max-device-width: 801px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        line-height: 24px;
        padding: 0;
        margin-top: 20px;
        margin-left: 15px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 28px;
    }
    
    #collapseBR {
        margin-right: 15px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 350px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 70px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.9);
    }

    #rowCall {
        margin-top: 80px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px;
        margin-left: 65px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 20px;
        margin: 0px;
        margin-top: -4px;
    }
}




/*---------------- MEDIA 751px --------------------*/


@media only screen  
  and (max-device-width: 751px)
  and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        line-height: 24px;
        padding: 0;
        margin-top: 20px;
        margin-left: 15px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 28px;
    }
    
    #collapseBR {
        margin-right: 15px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 330px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px;
        font-size: 45px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.9);
    }
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 58px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }

    #rowCall {
        margin-top: 80px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px;
        margin: 0px;
        margin-top: -1px;
    }

}
    
    
    
/*------------------ MEDIA 737px ----------------*/


@media only screen  
  and (max-device-width: 737px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 27px;
    }
    
    #collapseBR {
        margin-right: 10px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 230px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 40px;
        font-size: 45px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.9);
    }

    #rowCall {
        margin-top: 80px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 26px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 58px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
    }
}  





/*------------------ MEDIA 668px ----------------*/


@media only screen  
  and (max-device-width: 668px)
  and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 27px;
    }
    
    #collapseBR {
        margin-right: 10px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 230px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 30px;
        font-size: 40px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.9);
    }

    #rowCall {
        margin-top: 50px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 60px;
        padding-right: 50px;
        font-size: 24px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 58px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
    }
}







/*------------------ MEDIA 641px ----------------*/


@media only screen  
  and (max-device-width: 641px)
  and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 27px;
    }
    
    #collapseBR {
        margin-right: 10px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 230px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 40px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }

    #rowCall {
        margin-top: 30px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 24px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 58px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
    }
}






/*------------------ MEDIA 570px ----------------*/


@media only screen  
    and (max-device-width: 570px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 5px;
        margin-bottom: 17px;
        font-size: 27px;
    }
    
    #collapseBR {
        margin-right: 10px;       
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 300px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 300px;
    }    
    
    #text {
        font-size: 23px;
    }    
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 225px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 40px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.6);
        text-shadow: 0px 33px 90px rgba(0, 0, 0, 0.7);
    }

    #rowCall {
        margin-top: 20px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 58px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: 0px;
        margin-top: -2px;
    }
}





/*------------------ MEDIA 415px ----------------*/


@media only screen  
    and (max-device-width: 415px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 26px;
    }
    
    #collapseBR {
        margin-right: 10px;       
    }
    
    #rowHero {
        height: 900px;
    }
    
    #hero, #hero-overlay {
        height: 900px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 270px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 270px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 420px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 70px;
        font-size: 35px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.7);
    }

    #rowCall {
        margin-top: 20px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 45px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin-top: -2px;
        margin-left: 2px;
    }
}


/*------------------ MEDIA 376px ----------------*/


@media only screen  
    and (max-device-width: 376px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px;
    }
    
    #rowCall {
        margin-top: 250px;
    }
}


/*------------------ MEDIA 361px ----------------*/


@media only screen  
    and (max-device-width: 360px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;
        
    }
    
    #rowHero {
        height: 742px;
    }
    
    #hero, #hero-overlay {
        height: 742px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 90px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.7);
    }
    
    #rowCall {
        margin-top: 330px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 40px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px;
        margin-top: -1px;
        margin-left: 2px;
    }
}



/*------------------ MEDIA 320px ----------------*/


@media only screen  
    and (max-device-width: 319px) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    #logo {
        margin-left: 5px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 22px;
    }
    
    #collapseBR {
        transform: scale(0.8);
        margin-right: 0px;
        margin-left: 0px; 
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 230px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 230px;
    }    
    
    #text {
        font-size: 23px;
    }   
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 25px;
        font-size: 27px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.7);
    }
    
    #rowCall {
        margin-top: 180px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -25px;
        margin-left: 20px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 15px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 16px;
        margin: 0px;
        margin-left: 2px;
    }
}







/*----------------------------------^----------------------------------*/









/*------------------ MEDIA 800x1280px (Galaxy Tab 10) ----------------*/


/* Portrait */
@media only screen 
    and (min-device-width: 800px) 
    and (max-device-width: 1280px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 800px;
    }
    
    #hero, #hero-overlay {
        height: 800px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
        margin-left: 2px;
    }
}

/* Landscape */
@media only screen 
    and (min-device-width: 800px) 
    and (max-device-width: 1280px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 800px;
    }
    
    #hero, #hero-overlay {
        height: 800px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}







/*------------------------------------------*/


@media (hover: none) {
   #hero, #banner1, #banner2, #banner3 {
       background-attachment: initial;
   }
}


/*------------------------------------------*/




/*--------------- MEDIA 1280x800px (Macbook Pro 15") ----------------*/


@media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 29px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 910px !important;
    }
    
    #hero, #hero-overlay {
        height: 910px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        font-size: 100px;
        font-family: 'Roboto-Black';
        color: rgba(255,255,255, 0.8);
        padding-bottom: 0px;  
        text-shadow: 0px 73px 90px rgba(0, 0, 0, 0.5);
        letter-spacing: 1px;
        margin-top: 50px;
    }
    
    #space2 {
        margin-top: 40px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 75px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 19px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}







/*--------------- MEDIA 1280x800px (Macbook Pro 13") ----------------*/


@media only screen 
  and (min-device-width: 1280px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 800px !important;
    }
    
    #hero, #hero-overlay {
        height: 800px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}





/* ----------- MEDIA 1024x1366 (iPad Pro 12.9") ----------- */



/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 1366px;
    }
    
    #hero, #hero-overlay {
        height: 1366px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 28px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
        
    }
    
    #rowHero {
        height: 1024px !important;
    }
    
    #hero, #hero-overlay {
        height: 1024px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 200px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 400px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}






/* ----------- MEDIA 834x1112px (iPad Pro 10.5") ----------- */


/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important; 
    }
    
    #rowHero {
        height: 834px !important;
    }
    
    #hero, #hero-overlay {
        height: 834px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 19px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
        margin: -1px;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
      #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 840px !important;
    }
    
    #hero, #hero-overlay {
        height: 840px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}







/*--------------- MEDIA 768x1024px (iPad 3, 4 and Pro 9.7") ----------------*/

/* Portrait */
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait){
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important; 
    }
    
    #rowHero {
        height: 1024px;
    }
    
    #hero, #hero-overlay {
        height: 1024px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.6);
        text-shadow: 0px 33px 90px rgba(0, 0, 0, 0.7);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape){
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 768px;
    }
    
    #hero, #hero-overlay {
        height: 768px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 120px;
        font-size: 50px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.6);
        text-shadow: 0px 33px 90px rgba(0, 0, 0, 0.7);
    }
    
    #rowCall {
        margin-top: 300px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 70px;
        padding-right: 60px;
        font-size: 30px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 55px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
        margin-left: 2px;
    }
}








/*------------------ MEDIA 600x960px (Nexus 7) ----------------*/

/* Portrait */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 960px;
    }
    
    #hero, #hero-overlay {
        height: 960px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 20px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}


/* Landscape */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 960px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 605px;
    }
    
    #hero, #hero-overlay {
        height: 605px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 270px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 65px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
        margin-left: 2px;
    }
}







/*------------------ MEDIA 480x853px (Galaxy Note 5) ----------------*/ 

/* Portrait */
@media only screen 
    and (min-device-width: 480px) 
    and (max-device-width: 853px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait){
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 853px;
    }
    
    #hero, #hero-overlay {
        height: 853px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 50px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.6);
        text-shadow: 0px 33px 90px rgba(0, 0, 0, 0.7);
    }
    
    #rowCall {
        margin-top: 50px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 55px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
        margin-left: 2px;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 480px) 
    and (max-device-width: 853px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape){
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 27px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 480px;
    }
    
    #hero, #hero-overlay {
        height: 480px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 150px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 45px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}








/*------------------ MEDIA 414x896px (iPhone XR) ----------------*/

/* Portrait */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 896px) 
    and (-webkit-min-device-pixel-ratio: 3) 
    and (orientation: portrait){
            
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;  
    }
    
    #rowHero {
        height: 414px;
    }
    
    #hero, #hero-overlay {
        height: 414px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 310px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 150px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 50px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 45px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -1px;
    }
}

/* Landscape */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 896px) 
    and (-webkit-min-device-pixel-ratio: 1) 
    and (orientation: landscape){
    
    #logo {
        margin-left: 15px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 12px !important;
    }
    
    #rowHero {
        height: 480px;
    }
    
    #hero, #hero-overlay {
        height: 480px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 0px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-left: 45px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px !important;
        margin: -2px;
        margin-left: 2px;
    }
}





/*------------------ MEDIA 414x736px (iPhone 8 Plus) ----------------*/

/* Portrait */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px !important; 
    }
    
    #rowHero {
        height: 414px;
    }
    
    #hero, #hero-overlay {
        height: 414px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 60px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px !important;
        margin-left: 40px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin-top: -1px !important;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px; 
    }
    
    #rowHero {
        height: 414px;
    }
    
    #hero, #hero-overlay {
        height: 414px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 80px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px !important;
        margin-left: 40px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin-top: -1px !important;
    }
}









/*------------------ MEDIA 412x824px (Google Pixel 3) ----------------*/

/* Portrait */
@media only screen 
    and (min-device-width: 412px) 
    and (max-device-width: 824px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: portrait){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;
    }
    
    #rowHero {
        height: 414px;
    }
    
    #hero, #hero-overlay {
        height: 414px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px;
        margin-left: 30px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin-top: -1px !important;
        margin-left: 2px;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 412px) 
    and (max-device-width: 824px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;   
    }
    
    #rowHero {
        height: 414px !important;
    }
    
    #hero, #hero-overlay {
        height: 414px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px !important;
        margin-left: 50px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin-top: -1px !important;
    }
}





/*------------------ MEDIA 412x732px (Nexus 6) ----------------*/

/* Portrait */
@media only screen 
    and (min-device-width: 411px) 
    and (max-device-width: 732px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;    
    }
    
    #rowHero {
        height: 412px;
    }
    
    #hero, #hero-overlay {
        height: 412px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 30px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 90px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px !important;
        margin-left: 45px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin: -1px;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 411px) 
    and (max-device-width: 732px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;
        
    }
    
    #rowHero {
        height: 412px;
    }
    
    #hero, #hero-overlay {
        height: 412px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 120px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px !important;
        margin-left: 45px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px !important;
        margin: -1px;
    }
}






/*------------------ MEDIA 375x812px (iPhone X) ----------------*/


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait){
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;  
    }
    
    #rowHero {
        height: 814px !important;
    }
    
    #hero, #hero-overlay {
        height: 814px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px !important;
        margin-left: 35px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
    }
}



/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 25px !important;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;  
    }
    
    #rowHero {
        height: 375px;
    }
    
    #hero, #hero-overlay {
        height: 375px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 20px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px !important;
        margin-left: 35px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 18px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 19px;
    }
}







/*------------------ MEDIA 375x667px (iPhone 6, 6S, 7 and 8) ----------------*/


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    
    #logo {
        margin-left: 7px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;
    }
    
    #rowHero {
        height: 734px;
    }
    
    #hero, #hero-overlay {
        height: 734px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 40px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 25px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px;
        margin-top: -1px;
        margin-left: 2px;
    }
}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 5px;   
    }
    
    #rowHero {
        height: 375px !important;
    }
    
    #hero, #hero-overlay {
        height: 375px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 0px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 100px !important; 
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px !important;
        margin-left: 55px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px !important;
        margin-top: -1px;
        margin-left: 3px;
    }
}





/*------------------ MEDIA 360x740px (Galaxy S8/9) ----------------*/


/* Portrait */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 740px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 7px;
        
    }
    
    #rowHero {
        height: 742px;
    }
    
    #hero, #hero-overlay {
        height: 742px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 210px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px;
        margin-left: 35px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px;
        margin-top: -1px;
    }
}



/* Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 740px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 7px;
    }
    
    #rowHero {
        height: 360px;
    }
    
    #hero, #hero-overlay {
        height: 360px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 0px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 110px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -23px;
        margin-left: 35px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 17px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px;
        margin-top: -1px;
    }
}





/*--------------- MEDIA 360x640px (Galaxy S4, S5 and Note 3) -------------*/


/* Portrait */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    
    #logo {
        margin-left: 10px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 4px;
        
    }
    
    #rowHero {
        height: 742px;
    }
    
    #hero, #hero-overlay {
        height: 742px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 120px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 35px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px;
        margin: -1px;
    }
}


/* Landscape */
@media screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    
    #logo {
        margin-left: 10px !important;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 24px;
    }
    
    #collapseBR {
        transform: scale(0.9);
        margin-right: 4px !important;
        
    }
    
    #rowHero {
        height: 360px;
    }
    
    #hero, #hero-overlay {
        height: 360px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 250px;
    } 

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 250px;
    }    
    
    #text {
        font-size: 23px;
    }
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px !important;
        font-size: 30px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 90px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }    
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 35px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 18px;
        margin: -1px;
        margin-left: 2px;
    }
}




/*------------------ MEDIA 320x568px (iPhone 5) ----------------*/


/* Portrait */
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 570px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
    
    #logo {
        margin-left: 5px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 22px;
    }
    
    #collapseBR {
        transform: scale(0.8);
        margin-right: 0px;
        margin-left: 0px; 
    }
    
    #rowHero {
        height: 640px;
    }
    
    #hero, #hero-overlay {
        height: 640px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 230px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 230px;
    }    
    
    #text {
        font-size: 23px;
    }   
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 30px !important;
        font-size: 27px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 20px;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 22px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -25px;
        margin-left: 20px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px; 
        margin: 0px;
        margin-left: 2px;
    }
}


/* Landscape */
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 570px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
    
    #logo {
        margin-left: 5px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 22px;
    }
    
    #collapseBR {
        transform: scale(0.8);
        margin-right: 0px;
        margin-left: 0px; 
    }
    
    #rowHero {
        height: 320px !important;
    }
    
    #hero, #hero-overlay {
        height: 320px !important;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 230px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 230px;
    }    
    
    #text {
        font-size: 23px;
    }   
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px !important;
        font-size: 27px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 70px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -25px;
        margin-left: 35px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 15px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 17px !important;
        margin: 0px;
        margin-left: 2px;
        margin-top: -2px;
    }
}





/*------------------ MEDIA 320x480px (iPhone 4) ----------------*/


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    
    #logo {
        margin-left: 5px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 22px;
    }
    
    #collapseBR {
        transform: scale(0.8);
        margin-right: 0px;
        margin-left: 0px; 
    }
    
    #rowHero {
        height: 667px;
    }
    
    #hero, #hero-overlay {
        height: 667px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 230px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 230px;
    }    
    
    #text {
        font-size: 23px;
    }   
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px;
        font-size: 27px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 20px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 20px !important;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -25px;
        margin-left: 20px;
        text-align: right;
        letter-spacing: 2px;
        font-size: 16px;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 16px;
        margin: 0px;
        margin-left: 2px;
    }
}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    
    #logo {
        margin-left: 5px;
        margin-right: 2px;
        margin-bottom: 17px;
        font-size: 22px;
    }
    
    #collapseBR {
        transform: scale(0.8);
        margin-right: 0px;
        margin-left: 0px; 
    }
    
    #rowHero {
        height: 360px;
    }
    
    #hero, #hero-overlay {
        height: 360px;
        width: 100%;
    }
    
     #banner1, #banner2, #banner3 {
        height: 230px;
    }

    #banner-overlay1, #banner-overlay2, #banner-overlay3 {
        height: 230px;
    }    
    
    #text {
        font-size: 23px;
    }   
    
    .navbar-fixed-top .navbar-collapse {
        max-height: 300px;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        margin-left: 15px !important;
    }
    
    #space1 {
        display: none;
    }
    
    #space2 {
        margin-top: 10px !important;
        font-size: 27px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 0px 33px 50px rgba(0, 0, 0, 0.8);
    }
    
    #rowCall {
        margin-top: 70px !important;
    }

    #callButton {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 40px;
        font-size: 17px !important;
        letter-spacing: 2px;
        margin-top: 0px;
        box-shadow: 0px 33px 53px -20px rgba(0, 17, 0, 1);
    }   
    
    #clockDisplay {
        font-family: 'Hemi Head Rg';
        color: #e6e017;
        border: 0px;
        width: 185px;
        font-style: italic;
        padding: 0px;
        margin-top: -24px;
        margin-left: 35px !important;
        text-align: right;
        letter-spacing: 2px;
        font-size: 15px !important;
    }
    
    #beta {
        color: rgba(230, 224, 24, 0.5);
        font-family: arial;
        font-size: 16px !important;
        margin: 0px;
        margin-left: 2px;
        margin-top: -1px;
    }
}



form#contact {
    max-width: 400px;
    margin: 0 auto;
    width: 80%;
    margin-top: 170px;
}