@media (max-width: 980px) {
  
  .carousel-caption h1 { font-size: 36px;}
    h1 {font-size: 28px;}
  .Pystykuva {margin-left: 0;}
}

@media (max-width: 768px) {
  
  
  
}

@media (min-width: 768px) {
  
  .container { width: 768px; }
  #MobileLogo {display: none;}
}



@media (min-width: 992px)  {
  .container {
    width: 100%;
    max-width: 1400px;
  }
  
  .FrontpageHeader h1, .FrontpageHeader h2 { padding: 0 20%;}
  
  .navbar-default .navbar-nav > li > a { font-size: 16px; }
  
}

@media (max-width: 991px) {
  
  .navbar-default .navbar-nav > li > a { font-size: 15px; padding-right: 5px;  }
  
  .navbar-right { margin-top: 0; }
  a.Nav-Etusivu {display: none !important;}
  
  header #Logo { width: 190px; }
  

}


@media (max-width: 767px) {
	
	.ButtonList ul li a {font-size: 13px;}
	.ButtonList ul li {margin-bottom: 10px;}
	.ButtonList ul { padding-left: 0;}
	
	.etusivu h1 {font-size: 34px;}	
	h2 {font-size: 20px;}
	
	#MobileLogo img { max-width: 210px; padding: 20px 0 25px;}
	.navbar-toggle {margin-top: 30px;}
	.navbar {margin-bottom: 5px;}
	
	hr { margin-top: 25px; margin-bottom: 10px; height: 2px;}
	
  .carousel-caption {
    top: 0px;
  }
  
  
  .DesktopLogo {display: none;}
  
  .carousel-caption h2 {font-size: 26px;}
  
  .MainHeading h1 {font-size: 32px; padding: 15px 0; margin-bottom: 0;}
  
  .Main {margin-top: 0;}
  
  header #Logo {margin-top: 30px;}
  
  
  .navbar-collapse {
  margin-top: 20px; 
  -webkit-box-shadow: none;
  border: 1px solid transparent; text-align: center;
  }
  
  .navbar-nav {margin-bottom: 0;}
  
  .navbar-collapse li a{
  border-bottom: 1px solid #555555;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #555555 !important; }
  .navbar-default .navbar-collapse {border: none; margin-bottom: 20px;} 
  
  .navbar-default .navbar-toggle .icon-bar {background-color: #adadad;}
  
}