/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { ... }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
.banner-text h1{ font-size:30px;}
.banner-text p {font-size: 19px;}
.navbar{
	 background-color: rgba(13, 70, 83, 1)!important;}
	 #contactUs {margin-top:4%;}
	 .navbar-nav {margin-right: 0%;}
.mn{font-size:16px!important;}
.hu {font-size:25px;}
.bl {margin-top: 65%;}
.px-5 {font-size:18px;}
#aika {margin-left:28%!important; text-align:left; margin-bottom:3%;}
.yht {font-size:16px!important; margin-top:5%;}
iframe, .col-md-6, .col-md-8{width:98%;}
.jumbotron {font-size:16px!important;}
.topnav span {font-size:6px; font-weight:bold;}

.navbar-brand img {
    width: 50vw;
    position:relative; margin-top:15%;
}
.btn-primary {margin-top:5%; padding-bottom:3%;}
.low3{margin-top:10%;}
.h2 {font-size:20px; margin-top:9%;  margin-bottom:-21%;}
#contactUs .h2, #huolto .h2 {margin-bottom:-10%;}
.h4{font-size:18px!important; margin-top:5%;}
.navbar-nav .nav-link {
    color:#fff!important;
    margin-left: 7%;
}
.dropdown-item{color:#fff;
    margin-left: 7%;}
.wq {width:100vw;}
.gut {background-position: 45% 72%!important;}
textarea {height: 12em!important; width:98%!important;}
@-moz-document url-prefix() {}

 }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    
   }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { ... }