html, body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}





.intro{
	height:100%;
	width:100%;
	margin:auto;
	
	background:url('austinTrafficCams_mobile_map.png') no-repeat 50% 50%;

	display:table;
	top:0;
	background-size: cover;
}

@media screen and (min-width: 441px) {
  .intro {
    background-image: url('austinTrafficCams_desktop_map.png');
    
  }
}

		



 

.intro .inner{

	display:table-cell;
	vertical-align: middle;
	width:100%;
	max-width: none;
	font-size: auto;
}

.content{
	
	margin-left: auto;
	text-align: center;
	margin-top: 15%;
}

.content h1{
	font-family: sans-serif;
	color:darkblue;
	text-shadow:0px 0px 300px #000;
	font-size:650%;
	color:   color: #16F529; 
  text-shadow:
    0 0 5px #16F529, 
    0 0 10px #16F529, 
    0 0 20px #16F529, 
    0 0 30px #00FF00;
}

.btn{
	border-radius: 30px;
	font-family: 'sans-serif', sans-serif;
	padding-left: 10px 20px;
	background-color: #16F529;

}



.btn:hover{
	color:darkblue;
}



p: {
font-size: 120%;
line-height: 210%;
text-align: center;
margin:3%;
}


#bottom{
	text-align: justify;
    background-color: sandybrown;
    color:#f9f3f4;
}






@media screen and (max-width: 480px){
#info p {
        font-size: 14px; /* Adjust as needed */
        font-family: "Verdana", "Arial", sans-serif;;

    }
}

@media screen and (min-width: 481px){
#info p {
        font-size: 18px; /* Adjust as needed */
        font-family: "Verdana", "Arial", sans-serif;;

    }
}

@media screen and (min-width: 769px){
#info p {
        font-size: 22px; /* Adjust as needed */
        font-family: "Verdana", "Arial", sans-serif;;

    }
}

/*----------------------------------       LOGO TEXT SIZE ---- -*/

@media screen and (min-width: 375px){
	.content h1 {
		font-size: 47px;

		
	}
}

@media screen and (min-width: 744px){
	.content h1 {
		font-size: 55px;

		
	}
}

/*@media screen and (min-width: 745px) and (max-width: 854px  {
	.content h1 {
		font-size: 51px;
		
	}
}*/

@media screen and (min-width: 855px) {
	.content h1 {
		font-size: 70px;
		
	}
}





@media screen and (min-width: 1024px)  {
	.content h1 {
		font-size: 80px;
		
	}
}

@media screen and (min-width: 1920px)  {
	.content h1 {
		font-size: 90px;
		
	}
}

@media screen and (min-width: 2560px)  {
	.content h1 {
		font-size: 350%;
		
	}
}



.disclaimer {
	font-style: italic;

}




	
}




html {
  scroll-behavior: smooth;
}


a:link, a:visited{
/*      color: #007bff;*/
      text-decoration: none;
    }

a:link:link{
/*   color: #fb3f00;*/
   text-decoration: none;
}


 .carousel-inner .carousel-item img{
	object-fit: cover;
	object-position: center;
	overflow: hidden;
	height: 30vh;
}


@media screen and (min-width: 650px) {
	.carousel-inner .carousel-item img{
	object-fit: contain;
	object-position: center;
	overflow: hidden;
/*	max-height: auto;*/
	height: 50vh;
 }
}