/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 /**{border: 1px solid red;*/
   
 }
 
body {

  overflow-x: hidden;
  font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image: url("./admin/images/bg1.png");
}

.text-muted {
  color: black;
}
.text-primary {
  color: black;
}


nav{
  margin-bottom:2%;	
}

header {
 /* margin-top:7%;*/
  margin-bottom:2%;
  height:300px;
}

/* NavBar*/


/*IMG*/

#img-section{
	width:100%;
	height:100%;
	
}

.img-section-wrapper{
	
	margin-bottom:3%;
}

.scrollable {
    margin-top:5%;
    overflow-y: auto;
}

section{
padding:0%;	

	
}


/*@Media*/
@media screen and (max-width: 1200px) {
	
.scrollable {
    margin-top:6%;
    overflow-y: auto;
}

@media screen and (max-width: 992px) {

.scrollable {
    margin-top:7%;
    overflow-y: auto;
}

#logo{
	height:25%;
	width:25%;
}	
}



@media  screen and (max-width: 880px) {

.scrollable {
    margin-top:8%;
    overflow-y: auto;
}

section h2.section-heading{
	font-size:30px;
	}
	
#logo{
	height:25%;
	width:25%;
}	
}


@media  screen and (max-width: 768px) {

.scrollable {
    margin-top:10%;
    overflow-y: auto;
}

section h2.section-heading{
	font-size:30px;
	}
	
#logo{
	height:25%;
	width:25%;
}	
}


@media  screen and (max-width: 600px) {
	
.scrollable {
    margin-top:15%;
    overflow-y: auto;
}
	
#logo{
	height:30%;
	width:30%;
}	

@media  screen and (max-width: 500px) {
	
.scrollable {
    margin-top:18%;
    overflow-y: auto;
}	

#logo{
	height:30%;
	width:30%;
}
}

@media  screen and (max-width: 400px) {
	
.scrollable {
    margin-top:25%;
    overflow-y: auto;
}
	
section h2.section-heading{
	font-size:25px;
	}
	
#logo{
height:40%;
width:40%;
}	
	
}



@media  screen and (max-width: 300px) {
	
.scrollable {
    margin-top:45%;
    overflow-y: auto;
}	
	
section h2.section-heading{
	font-size:25px;
	}
	
#logo{
height:40%;
width:40%;
}	
	
}