/* ---------- MAKE LAYOUT RESPONSIVE at 480px --------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------- */
/* ---------- MAIN LAYOUT ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#containerFirst {
	width: 100%;
	float: none;
	}

#containerSecond {
	width: 100%;
	float: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- NAVIGATION ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


#socialMedia {
	width: 100%;
	float: none;
	}

#newDocuments {
	width: 100%;
	float: none;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- ARS LONGA ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------- */


#arsLonga {
	height: auto;
	padding-top: 0;
	}

#arsLongaLogo {
	width: 100%;
	float: none;
	}

#arsLongaLogo h2 {
	width: 100%;
	height: 150px;
	}

#arsLongaText {
	width: 100%;
	height: auto;
	overflow-x: visible;
	overflow-y: visible;
	float: none;
	}

#arsLongaText p {
	padding-left: 12.5%;
	padding-right: 12.5%;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- ABOUT ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#about {
	width: 75%;
	height: 475px;
	margin-left: 25%;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- FOR SALE NAVIGATION --------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


a.buttonShop {
	width: 25%;
	}


/* ---------------------------------------------------------------------------------------------- */
/* ---------- FOOTER BAR (Decorative) ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


#footerBar {
	width: 75%;
	}