/*  Web Design - paulohernandez.com  */

/* # MEDIA QUERIES
==================================================================================================== */


/* Smaller than standard 960 (devices and browsers)
==================================================================================================== */
@media only screen and (max-width: 959px) {





}



/* Tablet Portrait size to standard 960 (devices and browsers)
==================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* ==================================================
  HEADER
================================================== */
/* header_back */
.header_back {
	width: 100%;
	min-height: 520px;
}

/* header text */
.header_text {
	padding: 175px 10px 50px 10px;
}

/* header_text_subtitle */
.header_text_subtitle {
	margin: 40px 20px 0px 20px;
	padding: 20px 20px;
	font-size: 21px;
	line-height: 28px;
}



/* ==================================================
  NOSOTROS
================================================== */
.nosotros_two_columns {
	-webkit-column-gap: 35px; /* Chrome, Safari, Opera */
    -moz-column-gap: 35px; /* Firefox */
    column-gap: 35px;
}



/* ==================================================
  SERVICIOS
================================================== */

/* icons_container */
.icons_container {
	margin: 0px 10px;
	padding: 30px 0px 0px 0px;
}

/* servicios_icon_text */
.servicios_icon_text {
	margin: 0px 20px 10px 20px;
	padding: 10px 0px;
	font-size: 23px;
}

/* servicios_list */
.servicios_list {
	height: 210px;
	margin: 0px;
	padding: 0px 15px;
}

/* servicios_list_text */
.servicios_list_text {
	font-size: 17px;
	line-height: 20px;
}


/* ==================================================
  PROYECTOS
================================================== */

/* proyectos_subtitle */
.proyectos_subtitle {
	display: none;
}


/* ==================================================
  CLIENTES
================================================== */

/* clientes_list_row */
.clientes_list_row {
	padding: 0px 0px 20px 0px;
}

/* clientes_list_text */
.clientes_list_text {
	font-family: 'MyriadProCondensed', Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height: 22px;
}

.clientes_list_text span {
	font-size:21px;
}


/* ==================================================
  CONTACTO FORM
================================================== */

/* contact text */
.contact_form_text {
	padding: 20px 10px 5px 20px;
}

/* contact_form_field */
.contact_form_field {
	padding: 0px 20px 0px 20px;
}



}



/* All Mobile Sizes (devices and browser)
==================================================================================================== */
@media only screen and (max-width: 767px) {





}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
==================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* ==================================================
  HEADER
================================================== */
/* header text */
.header_text {
	padding: 150px 10px 50px 10px;
}

/* header_text_title */
.header_text_title {
	padding: 0px 0px 20px 0px;
	line-height: 56px;
}

/* header_text_subtitle */
.header_text_subtitle {
	margin: 20px 20px 0px 20px;
	padding: 20px 10px;
}

/* header_linkBlue */
.header_linkBlue {
	margin: 0px 0px 20px 0px;
	text-align: center;
}

/* header_linkGreen */
.header_linkGreen {
	margin: 0px 0px 20px 0px;
	text-align: center;
}





/* ==================================================
  SERVICIOS
================================================== */

/* icons_container */
.icons_container {
	margin: 0px 30px 20px 30px;
	padding: 30px 0px 0px 0px;
}

/* servicios_list */
.servicios_list {
	padding: 0px 75px;
}


/* ==================================================
  PROYECTOS
================================================== */

/* proyectos_subtitle */
.proyectos_subtitle {
	display: none;
}

/* slider_container */
.slider_container {
	margin: 0px;
	padding: 20px 10px 10px 10px;
}

/* proyectos_item */
.proyectos_item {
	margin: 0px;
	padding: 0px 0px;
}

/* proyectos_info */
.proyectos_info {
	margin: 0px;
	padding: 0px 20px;
}

/* proyectos_text */
.proyectos_text {
	padding: 0px 0px 0px 0px;
}


/* ==================================================
  CLIENTES
================================================== */

/* clientes_info */
.clientes_info {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/* clientes_list_row */
.clientes_list_row {
	padding: 0px 50px 20px 50px;
}

/* clientes_list_note */
.clientes_list_note {
	padding: 0px 10px 0px 0px;
}


/* ==================================================
  CONTACTO FORM
================================================== */

/* contact text */
.contact_form_text {
	padding: 20px 10px 5px 20px;
}

/* contact_form_field */
.contact_form_field {
	padding: 0px 20px 0px 20px;
}



}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
==================================================================================================== */
@media only screen and (max-width: 479px) {

/* ==================================================
  FIXED HEADER
================================================== */
.logo {
  padding: 5px 0px 5px 10px;
  float: left;
}

.logo img {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
    height: 60px;
}

.nav-toggle:before {
  top: 10px;
}



/* ==================================================
  HEADER
================================================== */
/* header_back */
.header_back {
	width: 100%;
	min-height: 480px;
}

/* header text */
.header_text {
	padding: 140px 10px 20px 10px;
}

/* header_text_title */
.header_text_title {
	padding: 0px 0px 20px 0px;
}

/* header_text_subtitle */
.header_text_subtitle {
	margin: 10px 10px 0px 10px;
	padding: 20px 10px;
}

/* header_linkBlue */
.header_linkBlue {
	margin: 0px 0px 20px 0px;
	text-align: center;
}

/* header_linkGreen */
.header_linkGreen {
	margin: 0px 0px 20px 0px;
	text-align: center;
}



/* ==================================================
  NOSOTROS
================================================== */
/* nosotros_container */
.nosotros_container {
	padding: 40px 0px 20px 0px;
}

.nosotros_two_columns {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}

.nosotros_vision {
	text-align: left;
}

.nosotros_mision {
	text-align: left;
}



/* ==================================================
  SERVICIOS
================================================== */

/* icons_container */
.icons_container {
	margin: 0px 20px 20px 20px;
	padding: 30px 0px 0px 0px;
}


/* ==================================================
  PROYECTOS
================================================== */

/* proyectos_container */
.proyectos_container {
	padding: 40px 0px 20px 0px;
}

/* proyectos_subtitle */
.proyectos_subtitle {
	display: none;
}

/* slider_container */
.slider_container {
	margin: 0px;
	padding: 20px 10px 10px 10px;
}

/* proyectos_item */
.proyectos_item {
	margin: 0px;
	padding: 0px 0px;
}

/* proyectos_info */
.proyectos_info {
	margin: 0px;
	padding: 0px 20px;
}

/* proyectos_text */
.proyectos_text {
	padding: 0px 0px 0px 0px;
}

/* ==================================================
  CLIENTES
================================================== */

/* clientes_container */
.clientes_container {
	padding: 40px 0px 20px 0px;
}

/* clientes_info */
.clientes_info {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/* clientes_list_row */
.clientes_list_row {
	padding: 0px 40px 20px 40px;
}

/* clientes_list_note */
.clientes_list_note {
	padding: 0px 10px 0px 0px;
}


/* ==================================================
  QUOTA
================================================== */

/* quote_text */
.quote_text {
	padding: 0px 20px;
}


/* ==================================================
  CONTACTO
================================================== */

/* contacto_container */
.contacto_container {
	padding: 40px 0px 0px 0px;
}


/* ==================================================
  CONTACTO FORM
================================================== */

/* contact text */
.contact_form_text {
	padding: 20px 10px 5px 20px;
}

/* contact_form_field */
.contact_form_field {
	padding: 0px 20px 0px 20px;
}


/* ==================================================
  CONTACTO ICONS
================================================== */

/* contacto_list_row */
.contacto_list_row {
	padding: 50px 10px 0px 10px;
}


/* ==================================================
  FOOTER
================================================== */

/* footer_container */
.footer_container {
	margin: 0px 0px 0px 0px;
}

/* footer_legals */
.footer_legals {
	display: none;
}

/* footer_credits */
.footer_credits {
	padding: 20px 0px 0px 0px;
	text-align: center;
}




}


/*  Web Design - paulohernandez.com  */