.header {
    background-color: #e8f2ef;
    border-bottom: 5px solid #fff;
}
#krujevo {
    background: url(/img/krujevo.png);
    background-color: #a8d1cb;
    background-repeat: repeat-x;
    height: 35px;
}
.main-nav a {
    font-family: sans-serif;
    color: #222;
    text-transform: uppercase;
}

.main-nav li.active a {
    font-family: sans-serif;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.footer {
    background-color: #e8f2ef;
}

.content {
    background-color: #a8d1cb;
}

.main-img {
    margin: 10px;
}
p{
	text-indent: 20px;
	line-height: 1.2em;
}
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .fig {
    text-align: center; /* Выравнивание по центру */ 
   }
   .format{
	   margin-left:20px;
   }

@media (min-width: 768px) {

    .wraper img {
        margin: 10px;
    }

    .left {
        float: left;
    }

    .left {
        width: 735px;
    }

    .top-right {
        float: right;
    }

    .bottom-right {
        float: right;
    }

    .wraper {
        margin: 50px 0;
        
    }
   .lead_phone{
	padding:0px 20px;
}
.lead_mail{
	padding:0px 20px;
}
}
.travel{
        line-height: 2.2em;
}

@media (max-width: 768px)  {
	.wraper .ex img{
		vertical-align: middle;
		margin: 0px 3px;
		width:5%;
		padding:10px;
		
	}
	
    .wraper img {
        width: 95%;
        margin: 10px;
    }
    
    button.navbar-toggle.collapsed.btn.btn-default {
    color: #333;
    background-color: #e8f2ef;
    border-color: #ccc;
    }
    
    span.icon-bar {
    background: black;
}
.lead_phone{
	padding:0px 20px;
}
.lead_mail{
	padding:0px 20px;
}
}


@media (width: 768px)  {
    .wraper img {
        margin: 10px;
    }

    .left {
        float: left;
        width:735px;
    }

    

    .top-right {
        float: right;
    }

    .bottom-right {
        float: right;
    }

    .wraper {
        margin: 50px 0;
    }
   .lead_phone{
	padding:0px 20px;
}
.lead_mail{
	padding:0px 20px;
}
    
    .imgsm{
        padding:20px 0px;
    }   
}
@media (width: 1024px)  {
    .wraper img {
        margin: 10px;
        width: 95%;
        margin: 10px;
    }

    .left {
        float: left;
        width:735px;
    }

    

    .top-right {
        float: right;
    }

    .bottom-right {
        float: right;
    }

    .wraper {
        margin: 50px 0;
    }
   .lead_phone{
	padding:0px 20px;
}
.lead_mail{
	padding:0px 20px;
}
    
    .imgsm{
        padding:20px 0px;
        float:center;
        .cv{
            float:left;
        }
        
    } 
    
}