@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(../media/fonts/pt_sans_narrow.woff) format('woff');
}

@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(../media/fonts/pt_sans_narrow_bold.woff) format('woff');
}

body{
    font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
    font-size:16px;
    margin:0px;
    padding:0px;
    text-align:justify;
}

div.logo-left{
    position:fixed;
    width: 84px;
    height:400px;
    float:left;
    z-index: 1;
    top:0;
    background-image: url('../media/images/background/tri-left.png');
    background-size:contain;
    background-repeat: no-repeat;
}
div.logo-right{
    position:fixed;
    width: 84px;
    height:400px;
    float:left;
    z-index: 1;
    bottom:0;
    right:0;
    background-image: url('../media/images/background/tri-right.png');
    background-size:contain;
    background-repeat: no-repeat;
}

div.main-container{
    width:100%; /* Set the width of the bigger layer under this layer */
    margin-left:auto;
    margin-right:auto;
    background-color:#eeeeee;
}

div.data-container{
    position:relative;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;

    border-color: #291770;
    border-style: solid;
    border-width: 0 1px;
}

div.slider-container{
    position:relative;
    content: "";
    display: table;

    background-image:url(../media/images/banner/reformhouse2020-construcciones-rehabilitaciones-reformas-servicios.png);
    background-repeat:no-repeat;
    background-position:left;
    background-size:cover;

    width:100%;
    height:auto;
}

div.header-container{
    position:relative;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    overflow:inherit;
}

div.menu-container{
    position:relative;
    //position: fixed;
    top:5px;
    width:100%;
    height:auto;
    padding:0%;
    overflow:inherit;
    z-index: 9999;

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.breadcrumb-container{
    position:relative;
    width:90%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding:1%;
    margin-top:0%;
    overflow:inherit;
}

div.main-contact-container{ 
    position:relative;
    width:60%;
    height:auto;
    margin-left:auto;
    margin-right:auto;	
    margin-bottom:1%;
    overflow:inherit;

    content: " ";
    display: table;	

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-container{ 
    position:relative;
    width:96%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-right:2%;
    padding-left:2%;

    content: "";
    display: table;

    border-color:#000000;
    border-width:0px;
    border-style:solid;
}

div.contact-panel-container{
    position:relative;
    width:80%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-right:2%;
    padding-left:2%;

    content: "";
    display: table;

    border-color:#000000;
    border-width:0px;
    border-style:solid;
}

div#google_map{
    width: 100%;
    margin-top:1%;
    height: 400px;
}

div.footer-container{
    position:relative;
    width:100%;
    height:auto;
    padding:0%;
    margin-left:auto;
    margin-right:auto;	
    color: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

    content: "";
    display: table;		

    border-color: #000000;
    border-width:0px;
    border-style:solid;

    background: rgb(37,74,165); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NGFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2IxZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(37,74,165,1) 0%, rgba(76,177,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,74,165,1)), color-stop(100%,rgba(76,177,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(37,74,165,1) 0%,rgba(76,177,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(37,74,165,1) 0%,rgba(76,177,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(37,74,165,1) 0%,rgba(76,177,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(37,74,165,1) 0%,rgba(76,177,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254aa5', endColorstr='#4cb1e0',GradientType=0 ); /* IE6-8 */
}

div.footer-content-container{
    position:relative;
    width:90%;
    height:auto;
    padding:0%;
    margin-left:auto;
    margin-right:auto;	

    content: "";
    display: table;		

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

.header-column-2{
    position:relative;
    width: 46%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top: 1%;
    padding-bottom: 0%;
    padding-left: 2%;
    padding-right: 2%;
    float:left;

    font-size:small;
    text-align:justify;	

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.footer-column-3{
    position:relative;
    width: 28%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;
    float:left;

    font-size:small;
    text-align:justify;	

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.tag-cloud-towns{
    position:relative;
    width: 96%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;
    float:left;

    font-size:small;
    text-align:justify;
}

div.content-column-1{
    position:relative;
    width: 90%;
    height:auto;
    margin-left:4%;
    margin-right:auto;
    margin-top:1%;
    padding:0%;
    float:left;

    text-align:justify;
}

div.content-column-2{
    position:relative;
    width: 45%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding: 1%;
    padding-left: 2%;
    padding-right: 1%;

    text-align:justify;

    border-color: #000000;
    border-width:0px;
    border-style:solid;

    display:table-cell;
    vertical-align:middle;
}

div.content-column-25{
    position:relative;
    width:23%;
    height:auto;
    margin-top:1%;
    margin-bottom:1%;
    margin-left:auto;
    margin-right:auto;
    padding:0%;
    paddin-top:2%;
    padding-left:0%;
    padding-right:2%;
    float:left;

    text-align:justify;

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-column-50{
    position:relative;
    width: 48%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding: 0%;
    padding-left: 1%;
    float:left;

    text-align:justify;	

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-column-70{
    position:relative;
    width: 70%;
    margin-left:auto;
    margin-right:auto;
    padding: 1%;
    padding-left: 2%;
    padding-right: 1%;
    float:left;

    text-align:justify;

    border-color: #ffc45c;
    border-width:1px;
    border-style:solid;
    border-radius:1%;

    color: #000000;

    background: #ffc45c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmYzQ1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffc45c 1%, #ffa200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffc45c), color-stop(100%,#ffa200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffc45c 1%,#ffa200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffc45c 1%,#ffa200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffc45c 1%,#ffa200 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffc45c 1%,#ffa200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc45c', endColorstr='#ffa200',GradientType=0 ); /* IE6-8 */
}

div.noformat {
    border-width:0px;
    border-style:none;
    border-radius:0%;
    background:none;
}

div.content-column-20{
    position:relative;
    width: 25%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding: 0%;
    padding-left: 1%;
    float:left;

    text-align:justify;

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-column-100 {
    position: relative;
    width: 97%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0%;
    padding-left: 1%;
    float: left;

    text-align: justify;
}

div.contact-panel-item {
    position: relative;
    width: 100%;
    height: auto;
    margin-left: 1%;
    margin-right: auto;
    margin-bottom: 5%;
    padding: 2%;
    float: left;

    text-align: justify;
}

div.column-bg-blue {
    border-width:0px;
    border-radius:5%;

    color: #000000;

    background: #7db9e8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzgxYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7db9e8 1%, #2781bc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7db9e8), color-stop(100%,#2781bc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 1%,#2781bc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 1%,#2781bc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 1%,#2781bc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 1%,#2781bc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2781bc',GradientType=0 ); /* IE6-8 */
}

div.content-form-column-1-of-2 {
    position:relative;
    width: 30%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding:1%;
    padding-left:1%;
    padding-right:1%;
    float:left;

    text-align:justify;

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-form-column-2-of-2 {
    position:relative;
    width: 30%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    padding:1%;
    padding-left:0%;
    padding-right:1%;
    float:left;

    text-align:justify;	

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}

div.content-form-buttons {
    position:relative;
    width:100%;
    margin-top:2%;
    float:left;

    text-align:right;

    border-color: #000000;
    border-width:0px;
    border-style:solid;
}
div.flex-nav-container {
    float:left;
    margin: 0;
    position: relative;
    width: 100%;
}

div.extra-padding-top{
    padding-top: 25px;
}

div.contact-panel-title {
    margin:0px;
    font-weight:bold;
    font-size:x-large;
    text-align:center;
}

div.contact-panel-content {
    margin:0px;
    font-size:small;
}

div.hit-logo {
    width: 160px;
    margin: auto;
}

img.hit-flex {
    width: 100%;
}

div.hit-title {
    font-size: larger;
    font-weight: bolder;
    text-align: center;
    font-size:18px;
}

div.hit-content {
    margin-top:2%;
    padding:2%;
    min-height:170px;

    border-radius:5%;

    color:#000000;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2781bc+0,ffffff+100 */
    background: #7db9e8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3ODFiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7db9e8 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* CSS table behaviour: Begin */
.table-container {
    display: table;
    width: 100%;
}

.table-row  {
    display: table-row;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
}

.table-cell-padding-left {
    padding-left: 1%;
}

.table-cell-padding-left-large {
    padding-left: 10%;
}
/* CSS table behaviour: End */

img.flex {
    width: 100%;
}

img.center {
    display: block;
    margin: 0 auto;
}

img {
    width: auto;
}

h1{
    margin:0px;
    font-size:30px;
}

h1.big {
    font-size:50px;
}

div.phone {
    font-weight:bolder;
    font-size:x-large;
    text-align:center;
    color: #a51e10;
}

hr{
    margin-bottom:10px;
    margin-top:2px;
    border-width:1px;
    border-color:#cccccc;
}

a{
    text-decoration: none;
    color:#000000;
}

a.white {
    text-decoration: none;
    color:#FFFFFF;
}

p.right-center{
    text-align:right;
}

p.justify{
    text-align: justify;
}

ul#logo-list{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul#logo-list li#logo-list{
    background-image: url('../media/images/logo/logo_reformhouse2020_bullet.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 25px;
    line-height: 25px;
}

ul#none-list{
    list-style:none;
    list-style-type:none;
    padding:0; 
    margin:0;
}

ul#none-list li#none-list{
    list-style:none;
    list-style-type:none;
    padding:0; 
    margin:0;
}

input.button {
    width:110px;
    height:30px;

    border-radius: 5px;
    border:solid 1px #000000;

    background-color:#ffffff;
    background-repeat:no-repeat;
    background-position:10% 50%;

    color: #000000;
    font-weight:bold;
    text-align: right;

    cursor:pointer;
}

input.button:hover {
    background-color: #dfdfdf;
}

input.send-button-contact {
    background-image:url(../media/images/icons/mail.png);
}

input.send-button-budget {
    background-image:url(../media/images/icons/mail.png);
}

input.send-button-call {
    background-image:url(../media/images/icons/phone.png);
}

input.send-button-friend {
    background-image:url(../media/images/icons/friend.png);
}

input.send-button-file {
    background-image:url(../media/images/icons/upload.png);
}

button {
    width: auto; /* ie */
    overflow: visible; /* ie */
    padding: 3px 8px 2px 6px; /* ie */
}

button[type] {
    padding: 2px 4px 2px 3px; /* firefox */       
}

label {
    white-space: nowrap;
}

.wrappable {
    white-space: nowrap;
}

textarea.full {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

input.full {
    display:table-cell;
    width:100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#send_mail_result_ko, #send_mail_result_ok, #send_phone_result_ok, #send_phone_result_ko, #send_friend_result_ok, #send_friend_result_ko, #send_budget_result_ok, #send_budget_result_ko, #send_testimonial_result_ok, #send_testimonial_result_ko {
    font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
    font-size:15px;
    margin:0px;
    padding:0 0 11px 0;
    text-align:justify;
}

/* Responsive */
@media screen and (max-width: 966px) {
    div.content-column-2 {
        width: 100%;
        display:block;
    }

    div.content-column-70 {
        width: 100%;
    }

    div.content-column-20 {
        width: 100%;
        padding-left: 0%;
    }

    div.contact-panel-item {
        margin-left: 0%;
        margin-bottom: 0%;
        margin-top:2%;
        padding-right: 1%;
    }

    div.content-column-70{
        border-radius: 0%;
    }

    div.column-bg-blue {
        border-radius: 0%;
    }


    div.content-column-100{
        position:relative;
        width: 100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding:1%;
        float:none;

        text-align:justify;
    }

    div.content-column-50{
        position:relative;
        width: auto;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding:1%;
        float:none;

        text-align:justify;

        border-color: #000000;
        border-style: solid;
        border-width: 0px;
    }

    div.content-form-column-70 {
        position:relative;
        width: auto;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding: 0%;
        float:none;

        text-align:justify;	

        border-color: #000000;
        border-width:0px;
        border-style:solid;
    }

    div.content-form-column-20 {
        position:relative;
        width: auto;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding: 0%;
        float:none;

        text-align:justify;	

        border-color: #000000;
        border-width:0px;
        border-style:solid;
    }
}

@media screen and (max-width: 900px) {
    div.hit-logo {
        width: auto;
    }
}

@media screen and (max-width: 870px) {
    div.content-column-25 {
        width: 45%;
    }
    div.hit-logo {
        width: 160px;
    }
}

@media screen and (max-width: 700px) {
    div.footer-column-3{
        position:relative;
        width: 90%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding:0%;
        float:none;

        font-size:small;
        text-align:center;	

        border-color: #000000;
        border-width:0px;
        border-style:solid;
    }		

    div.extra-padding-top{
        padding-top: 20px;
    }

    p.right-center{
        text-align:center;
    }
}
@media screen and (max-width: 640px) {
    body{
        font-size:15px;
    }

    div.breadcrumb-container{
        margin-top:2%;
    }

    div.header-column-2{
        position:relative;
        width: 90%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        padding-top: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
        padding-right: 0%;
        float:none;

        font-size:small;
        text-align:justify;	

        border-color: #000000;
        border-width:0px;
        border-style:solid;
    }

    div.logo-left{
        position:fixed;
        width:auto;
        height:auto;
        float:left;
        z-index: -1;
        top:0;
        background-color:#ffffff;
    }

    div.logo-right{
        position:fixed;
        width:auto;
        height:auto;
        float:left;
        z-index: -1;
        bottom:0;
        right:0;
        background-color:#ffffff;
    }

    div.extra-padding-top{
        padding-top: 15px;
    }

    div.content-column-25 {
        width: 100%;
    }

    div.hit-content{
        min-height: auto;
    }

    div.hit-logo {
        width: 100px;
    }

    img.hit-flex {
        width: 100%;
    }

    h1 {
        margin-top: 5px;
        font-size: 20px;
    }

    h2 {
        font-size:15px;
    }

    h3 {
        font-size:small;
    }
}