/* Media Query for Mobile Devices */
        @media (max-width: 480px) {
            body {
                // background-color: red;
                -webkit-hyphens: auto;
				-ms-hyphens: auto;
				-o-hyphens: auto;
				hyphens: auto;
            }
            .space-small{
					height: 25px;
				}

				.space-medium{
					height: 50px;
				}
            .hide-mobile{
            	display: none !important;
            }
            .hide-tablet{
            	display: none !important;
            }
            footer .footer-form{
            	width: 100%;
            }
            footer .footer-contact{
            	width: 100%;
            }
            
            footer .footer-contact .footer-contact-container ul li{
            	width: 50%;
            	margin-bottom: 25px;
            }
            
            footer .footer-contact .footer-contact-container .footer-branding h2{
            	width: 100%;
            	float: left;
            	margin-left: 0;
            }
            
            .elm .image.col{
            	min-height: 100vw;
            }
            
            .one-col-box .col h1{
            	text-align: left;
            }
            
            .one-col-box .col{
            	padding-top: 0px;
            }
            
            .one-col-box .col p{
				font-size: 14px !important;
			}
			
			.two-col-reference-list.elm .col{
				min-height: 100vw;
			}
			
			.two-col-reference-list.elm .col h2{
				font-size: 55px !important;
			}
			
			
			
			#ingress .desc{
				font-size: 16px;
				margin-top: 75px;
			}
			
			#ingress .title h1{
				font-size: 75px;
				line-height: 55px;
				margin-top: -66px;
			}
			
			header #logo{
				margin-top: 25px;
				margin-left: 25px;
			}
			
			.mobile-menu-button{
				display: inline;
			}
			
			nav .menu-paavalikko-container{
				display: none;
			}
			
			.mobile-open nav{
				position: fixed;
				background-color: #ccc;
				width: 100%;
				height: 100%;
				margin: 0 !important;
				z-index: 10;
			}
			

			
			.mobile-open nav .menu-paavalikko-container{
				display: inline;
				width: 100%;
				margin: 0;
				margin-top: 75px;
				right: 25px;
			}
			.mobile-open nav .menu-paavalikko-container ul li{
				padding: 0 !important;
			}
			
			.mobile-open nav .menu-paavalikko-container ul li a{
				display: block;
				text-align: right;
				font-size: 60px;
				padding: 0;
				line-height: 60px;
			}
			
			.mobile-open header{
				z-index: 10000;
			}
			
			footer{
				height: auto;
			}
			
			
        }
          
        /* Media Query for low resolution  Tablets, Ipads */
        @media (min-width: 481px) and (max-width: 767px) {
        
        	#ingress .desc{
				margin-top: 75px;
			}
			
        	header #logo{
				margin-top: 25px;
				margin-left: 25px;
			}
			
			.mobile-menu-button{
				display: inline;
			}
			
			nav .menu-paavalikko-container{
				display: none;
			}
			
			.mobile-open nav{
				position: fixed;
				background-color: #ccc;
				width: 100%;
				height: 100%;
				margin: 0 !important;
				z-index: 10;
			}
			

			
			.mobile-open nav .menu-paavalikko-container{
				display: inline;
				width: 100%;
				margin: 0;
				margin-top: 75px;
				right: 25px;
			}
			.mobile-open nav .menu-paavalikko-container ul li{
				padding: 0 !important;
			}
			
			.mobile-open nav .menu-paavalikko-container ul li a{
				display: block;
				text-align: right;
				font-size: 60px;
				padding: 0;
				line-height: 60px;
			}
			
			.mobile-open header{
				z-index: 10000;
			}
			
			footer{
				height: auto;
			}
        	
            body {
                // background-color: yellow;
            }
            
            .hide-tablet{
            	display: none !important;
            }
            footer .footer-form{
            	width: calc(100% - 100px);
            }
            footer .footer-contact{
            	width: 100%;
            }
            .elm .image.col{
            	min-height: 100vw;
            }
        }
          
        /* Media Query for Tablets Ipads portrait mode */
        @media (min-width: 768px) and (max-width: 1024px){
            body {
                // background-color: blue;
            }
            
            
            footer .footer-form{
            	width: calc(100% - 100px);
            }
            footer .footer-contact{
            	width: 100%;
            }
            .elm .image.col{
            	min-height: 50vw;
            }
        }
          
        /* Media Query for Laptops and Desktops */
        @media (min-width: 1025px) and (max-width: 1280px){
            body {
                // background-color: green;
            }
        }
          
        /* Media Query for Large screens */
        @media (min-width: 1281px) {
            body {
                // background-color: white;
            }
        }
        
         @media (min-width: 1800px) {
            	.space-small{
					height: 50px;
				}

				.space-medium{
					height: 100px;
				}
                p{
                	font-size: 1.55em !important;
                }
                h2{
					font-size: 40px;
				}
				h3{
					font-size: 48px;
				}
				.elm h1{
					font-size: 50px;
				}
            	footer .footer-contact .footer-contact-container ul li{
					margin: 0;
					padding: 0;
					border: 0;
					display: inline-block;
					width: 33.333%;
					font-family: 'NeuePlak-Regular';
					font-size: 20px;
					color: #fff;
					vertical-align: top;
					padding-top: 10px;
				}
				footer{
					height: 600px;
				}
				footer .footer-form h3{
					margin-top: 75px;
					font-size: 38px;
				}
				.button,
				a.button{
					font-size: 18px;
				}
				#ingress .title h1{
					padding: 0;
					margin: 0;
					font-size: 125px;
					line-height: 106px;
					margin-top: -114px;
				}
				header #logo img{
					height: 35px;
				}
				.menu-paavalikko-container{
					margin-top: 44px;
					margin-left: 275px;
				}
				.menu-paavalikko-container ul li{
					font-size: 32px;
				}
				.two-col-box .col ul li{
					font-size: 22px;
					padding-bottom: 10px;
					padding-top: 8px;
				}
				.two-col-box .col h2{
					font-size: 32px;
				}
				.two-col-box .col span.stitle{
					font-size: 20px;
				}
				.infotxt_block h3{
					font-size: 65px;
					line-height: 65px !important;
				}
				.one-col-box .col h1{
					font-size: 52px;
				}
				.one-col-box .col p{
					font-size: 32px !important;
				}
				.slider.three-col-box .first.col ul li{
					font-size: 25px;
				}
				.slider.three-col-box .first.col h2{
					font-size: 40px;
				}
				.slider.three-col-box .first.col span.stitle{
					font-size: 20px;
				}
				.two-col-box-v2 .col h2{
					font-size: 100px !important;
				}
				.two-col-box-v2 .col p{
					font-size: 28px !important;
				}
				.five-col-box-info .col h2{
					font-size: 38px;
					letter-spacing: 1px;
				}
				.five-col-box-info .col h3{
					font-size: 38px;
				}
				.front-site header{
					position: relative;
					z-index: 1;
					width: 100vw;
					height: 685px;
					background: #000;
					text-align: center;
					overflow: hidden;
				}
        }