@charset "utf-8";
/* CSS Document */
.menu-resp {
	position:absolute;
	right:0;
	display:none;
	margin:1.8em 2em 0 0;
	width:30px;
	height:30px;
}
.menu-resp a {
	cursor:pointer;
	width:30px;
	height:30px;
}

.menu-resp img{
	width:100%;
}
.resp-margin {
	margin:.5em 1em 0 0;
}
@media screen and (max-width: 1480px){
.logo {
    margin-left: 1em;
  
}
	.white-txt {
   
    margin-left: 1em;
   
}
}
@media screen and (max-width: 1260px){
.modal-header img {
   
    max-width: 120%;
	padding-left:1em;
}
}

@media screen and (max-width: 1240px){
#menu{
	
	padding-right: 0;

}
}

@media screen and (max-width: 1140px){
.text-date {
    text-align: left;
    position: relative;
    left: 0;
    top: 0;
    float:left;
	clear:both;
	width:100%;
	margin-bottom:.5em;
}
}

@media screen and (max-width: 990px){
	.logo {
    margin-left:1em;
  
}
.menu-resp {
	display:block;
	margin-right:1em;
	}
#menu {
	display:none;
    float:left;
	clear:both;
    padding-left:0;
	text-align:left;
}

	.content{
	padding-left:1em;
	padding-right:1em;
}
	.title-bold{
		width:100%;
	}

}
@media screen and (max-width: 940px){
.news-im-left {
    
    width: 100%;

    padding-right: 0;
}
	.news-im-right {
   
    width: 100%;
    
}
	.image-news {
    max-width: 70px;
    clear:both;
    margin-top: .5em;
}
	}
@media screen and (max-width: 760px){
#menu li {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0 0 1em 1em;
}
	 body, html {
	 
	font-size:.9em; 
	}	
	.column2 {
   
    width: 100%;
}
	.column-left {
    padding-right: 0;
}
		.column-right {
    padding-left: 0;
}
	.form-left, .form-right {
    width: 100%;
    padding-top:10px;
   
}
	.contact-margin {
    margin-top: 20px;
}
}
@media screen and (max-width: 680px){
.cols2, .cols2b {
	clear:both;
	float:left;
	width:100%;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -o-column-count: 1;
    -o-column-gap: 0;
    column-count: 1;
    column-gap: 0;
}

}

@media screen and (max-width: 640px){
#slider {
    padding-top:3em;
}
}
@media screen and (max-width: 520px){
.logo {
    margin-top: .8em;
    width: 200px;
    
}
	#header {
 
    min-height: 68px;
   
}
	.modal {
 
    padding-top: 68px;
    
}
	.menu-resp {

	margin-top:1.55em;

}
}