@media only screen and (min-width:960px){
	
		#topRow {
			margin-top:60px;
			text-align:center;
		}
		
	
		#topRow h1 {
			font-size:300%;
		}
		
		.close{
			margin-top:8px;
			margin-left:10px;
			}	

		.bottomAlert{
		
			margin-top:10px;
		}

        
    }
    @media only screen and (min-width:1440px){
    
        #topRow {
			margin-top:80px;
			text-align:center;
		}
		
		#topRow h1 {
			font-size:300%;
		}
		
		.close{
			margin-top:8px;
			margin-left: 10px;
		}	
		.bottomAlert{
			margin-top:10px;
		}

    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
		
		.whiteBackground{
			padding-bottom:40px;
			margin-bottom:20px;
		
		}
		
		
		#topRow{
		
			margin-top:20px;
			text-align:center;
		}
		

		#topRow h1 {
			font-size:230%;
		}
		
		.close{
			margin-top:8px;
			margin-left: 10px;
	}
	
		
		.bottom {

			bottom:0;
		}
		
    }
    @media only screen and (device-width:768px){
       .bottomAlert{

			margin-top:10px;
		}
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

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

			background-image:url("images/girl+dog.jpg");
			width:100%;
			background-size:cover;
			text-align:center;

		}

		.center {
			text-align:center;
		}

		.whiteBackground {
	
			background-color:white;
			border-radius:20px;
			padding:10px;
			opacity: 0.95;
   			filter: alpha(opacity=40);
   			padding-bottom:30px;
		}
		
		.btn {
			
			margin:0;
			margin-top:20px;
		
		}