@media (min-width: 1200px){


}


/*Notebooks and Small Laptops*/
@media (min-width: 1025px){


}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px){

}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px){

}

/*Medium Tablets */
@media (max-width: 800px){

}


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

    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;}

	#arc-separator { 	background-size: 100% auto; height: 85px; }
	
	#apt-separator{ background-size: 100% auto; height: 110px; }
	
	#loc-separator{  background-size: 100% auto; height: 90px; }
	
	#map-separator{ background-size: 100% auto; height: 110px; }
	
	#crown-separator{ background-size: 100% auto; height: 110px; }
	
	#views-separator-1{ background-size: 100% auto; height: 110px; }
	
	

}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px){


}

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




}

@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;
    }
}


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

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

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 20px;
    }

	
    h3 {
        font-size: 22px;
    }

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


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

    #filters > button{
        margin:10px;
    }

	.oswald { letter-spacing: 5px; }
	
	.home-button { padding: 10px; letter-spacing: 5px;  }

}

/*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) {


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {

	
}