@import '../bootstrap/css/bootstrap.min.css';

@media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}

h1{
	font-family:  'Rambla', sans-serif, arial, verdana, tahoma; /*'Allura', cursive;*/
	/*font-size:3.7em;*/
	color:#0c0c0c;
	text-align: right;
	margin-right:10px;
	margin-bottom:35px !important;
}

h2{
	font-family: 'Rambla', sans-serif, arial, verdana, tahoma !important;	
	color:#282828;
	font-size: 1.8em;
}

h3{
	font-family: 'Rambla', sans-serif, arial, verdana, tahoma !important;	
}

h4{
	font-family: 'Rambla', sans-serif, arial, verdana, tahoma !important;
}
.navbar {
	background: #0C0C0C;
	border:0;
	border-radius:0;
	min-height:35px;
	color:white;
	margin-bottom:0;
}

.navbar-nav>li>a{
	padding-bottom: 5px !important;
}

.footer, .push {
    height: 200px;
}

blockquote {
	font-size: medium;
	border:0;
}

a{
	color:#337ab7;
	;
}

a:hover{
	color:#2196F3 !important;
}

hr{
	border-top:1px dotted #2BACDC !important;
	margin:40px 50px 40px 50px;
}

/* alignment based on screen size */

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }


@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; } 
}

@media (min-width: @screen-md-min) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: @screen-lg-min) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}


/* alignment based on screen size end */

.carousel-control.right{
	background: none;
	background-image: none;	
}

.carousel-control.left{
	background: none;
	background-image: none;	
}

a.carousel-control{
	color:#ccc !important;
}

a.carousel-control:hover{
	color:#ccc !important;
}