/*iPad Landscape Mode and Large Tablets */
@media (min-width: 1200px) and (max-width: 1330px){
}
@media (min-width: 1124px) and (max-width: 1199px){
}
@media (min-width: 768px) and (max-width: 1123px){
}
/*Notebooks and Small Laptops*/
@media (min-width: 1025px){
}
/*Small Desktop and Very Small Notebook */
@media (max-width: 990px){
	.navbar-default .navbar-nav > li {padding-top: 5px;}
	section .container {
    	padding-bottom: 3em;
    	padding-top: 3em;
	}
	section#intro .container {
    	padding-bottom: 0;
    	padding-top: 0;
	}
	#intro {
    	padding-top: 106px;
	}
	#av-overlay h1 {
    	font-size: 2.5em;
	}
}
/*Medium Tablets */
@media (max-width: 800px){
	.navbar-default .navbar-nav > li {padding-top: 5px;}
	#av-overlay h1 {
    	font-size: 2em;
	}
	section .container {text-align: center;}
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px){
    h1 {
        font-size: 40px;
    }

    h3 {
        font-size: 22px;
    }

    .introLogo{
        width:150px;
        margin:0 auto;
        margin-top: -30px;
    }

    #intro {
        padding-top: 100px;

    }

    .xSep {
        width: 20px;
        margin: 10px auto;
    }

    .dottedSep {

        width: 70px;
        margin: 10px auto;}

    .oswald {
        font-size:10px;
    }
    
    .text-left,
	.text-right {
		text-align: center;
	}
	section .container {
    	padding-bottom: 0;
    	padding-top: 0;
	}
	#av-overlay h1 {
    	font-size: 2em;
	}
	section .container {text-align: center;}
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px){
	#av-overlay h1 {
    	font-size: 36px;
	}
	section .container {text-align: center;}
}

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

    .logged-in .navbar-fixed-top{
        margin-top: 0;
    }
    .inputColumns .column2,
    .inputColumns .column1{
        float: none;
        width: 100%;
    }
    #av-overlay h1 {
    	font-size: 1.75em;
	}
	section .container {text-align: center;}

}

@media screen and (max-width: 600px) and (orientation : landscape){
    .introLogo{
        width:150px;
        margin:0 auto;
        margin-top: -30px;
    }

    #intro .container {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #av-overlay h1 {
    	font-size: 1.75em;
	}
	section .container {text-align: center;}
}


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

    section .container {
         padding-top: 50px;
        padding-bottom: 50px;
    }

    h1 {
        font-size: 40px;
    }

    h3 {
        font-size: 22px;
    }

    h4.oswald {
        letter-spacing: 2px;
    }


    #text-separator .btn {
        margin: 10px;
    }

    #filters > button{
        margin:10px;
    }
    
    #av-overlay h1 {
    	font-size: 1.5em;
	}

}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px){
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
}