@font-face {
  font-family: "Montserrat Light";
  src: url("../fonts/montserrat/montserrat-light-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/montserrat/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-light-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-light-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/montserrat/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-regular-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/montserrat-semibold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/montserrat/montserrat-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-semibold-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-semibold-webfont.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }

#inicio .row > div {
  padding: 0; }

#inicio img {
  display: block;
  width: 100%; }

#inicio .cabecera {
  position: relative; }
  #inicio .cabecera .telefono {
    display: block;
    margin: 0.6em;
    font-size: 1.6em; }
    @media only screen and (max-width: 991px) {
      #inicio .cabecera .telefono {
        font-size: 1.3em; } }
  #inicio .cabecera h1 {
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    font-weight: normal;
    color: #FFF; }
    #inicio .cabecera h1 span {
      display: block;
      margin-bottom: 0.4em; }
    #inicio .cabecera h1 .email {
      display: inline-block;
      margin: 0 0 16px; }
      #inicio .cabecera h1 .email .fa {
        margin-right: 5px;
        font-size: 26px; }
    @media only screen and (min-width: 768px) {
      #inicio .cabecera h1 {
        position: absolute;
        width: auto;
        top: 0;
        left: 0;
        right: 55%;
        max-width: 100%;
        margin: 0;
        padding: 8% 0 0; }
        #inicio .cabecera h1 span {
          font-weight: normal; } }
    @media only screen and (max-width: 767px) {
      #inicio .cabecera h1 {
        margin: 0;
        padding: 0.5em 15px 1.6em;
        font-size: 12px;
        background: #F65B00; } }
  @media only screen and (min-width: 768px) {
    #inicio .cabecera .site-logo {
      width: 50%;
      max-width: 200px;
      margin: 0 auto; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #inicio .cabecera .site-logo {
      max-width: 160px; } }
  @media only screen and (max-width: 767px) {
    #inicio .cabecera .site-logo {
      position: absolute;
      top: 10%;
      left: 10%;
      width: 28%;
      margin: 0; } }
  @media only screen and (max-width: 480px) {
    #inicio .cabecera .site-logo {
      top: 7%; } }

/*

.pag-theme{		
		@include bp-xsmall{				
			margin-bottom: 0;		
		}
	}

	#principal{
		// margin-top: -50px;	
		@include bp-no-xsmall{	
			padding: 0 0 40px;	
		}
		
		.row{			
			@include bp-no-xsmall{	
				display: table-row;				
			}
		}

		.acceso-seccion{
			@include bp-no-xsmall{	
				display: table-cell;
				float: none;
				padding: 35px 45px;	
				vertical-align: top;
				border: 10px #FFF;
				border-style: none solid;
			}

			@include bp-small{				
				padding: 25px;				
			}

			@include bp-xsmall{				
				padding: 20px 15px;				
			}


			h2{
				margin: 0 0 0.8em;
				padding: 0;
				text-align: left;
			}

			ul{
				margin: 0;
				padding: 0;

				li{
					list-style-type: none;
					text-transform: uppercase;

					@include bp-small{	
						font-size: 12px;
					}
				}
			}

		}

		.areas, .servicios{
			background: $brand-primary;
			
			h2, a{
				color: #FFF;
			}
		}


		.contacto{
			padding-top: 30px;
			padding-bottom: 30px;
			text-align: center;
			vertical-align: middle;
			font-size: 16px;
			background: $body-alt-bg;

			@include bp-small{	
				font-size: 14px;
			}

			h2{
				text-align: center;
				font-size: 24px;
				white-space: nowrap;

				@include bp-small{	
					font-size: 14px;
				}

				strong{
					display: block;
					margin: 0.5em 0;
					font-weight: bold;

					@include bp-small{	
						font-size: 16px;
					}
				}
			}

			.direccion{
				margin: 1.5em 0;
				font-family: "Montserrat Light";
			}

			.guardia{
				margin: 1.5em 0;
				// font-family: "Montserrat Light";		
				// color: $brand-primary;
				font-weight: bold;		
			}
		}
*/