/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
	    
	
	   
	

    }




    /*==========  Non-Mobile First Method  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	    
	    
	    
	    .txtwrap {
	width: 80%; 
	margin: calc(15vw - 50px) auto;
	
	}

.txtwrap h1{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #2b5464;
	line-height: 25px;
	padding-top: 20px;
	
}

.txt{
	
	background-image: url(/assets/img/circle-1.png);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 350px;
		
}

.txt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	width: 85%;
	color: #2b5464;
}

.dark h1{
	color: #ffffff;
}

.dark p{
	color: #ffffff;
}


section{
	padding-top: 20px;
	padding-bottom: 20px;
}


/* template */
	    
	    
	    
	    
	    
	    		 .logo-wrap{
			position: absolute;
			top: 20vh;
			text-align: center;
			width: 100%;
			z-index: 33;
			
		}
		
		.logo{
			position: relative;
		
			display: block;
			margin: 0px auto;
		
			width: 60vw;
			
		}
	
	
	
	
		#header .navbar-inverse .navbar-nav>li>a {
			color:#fff;
			font-family: 'Titillium Web', Arial, sans-serif;
			text-transform: none;
			font-size:13px;
			font-weight: 200;
			padding-left:10px;
			padding-right:25px;
			letter-spacing: 0px;
		}
	
	
	
		.slogan{
			background-color: rgba(228,0,90,0.6);
			text-shadow: none;
			font-family: 'Titillium Web', sans-serif;
			font-weight: 400;
			font-size: 21px;
			padding: 8px 50px 15px 50px;
			letter-spacing: 1px;
			margin: 0 auto;
			line-height: 36px;
			width: 80%;
			color:#fff;
	
		
		}



		.slogan-wrap{
			position: absolute;
			bottom: 100px;
			text-align: center;
			width: 100%;
			bottom: 10vh;
			z-index: 33;
			
		}

		.slogan-sm{
			bottom: 23px;
			
		}
		
		.slogan-sm .slogan{
			padding: 5px 50px 8px 50px;
			
		}
		
		
		.slogan2{
	background-color: rgba(228,0,90,0.6);
	text-shadow: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 24px;
	padding: 20px 40px 20px 30px;
	letter-spacing: 1px;
	margin: 0 auto;
	line-height: 36px;
	width: 80%;
	color:#fff;

	
}


.slogan3{
	background-color: rgba(228,0,90,0.6);
	text-shadow: none;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 23px;
	padding: 15px 50px 30px 40px;
	letter-spacing: 1px;
	margin: 0 auto;
	line-height: 28px;
	width: 80%;
	color:#fff;

	
}


.email, .phone {
	text-align: left;
margin-bottom: 5px;
white-space: nowrap;
width: 60%;
margin: 0 auto;
}
	 .email{
		 margin-bottom: 10px;
	 }  
	 
	 
	 .adres-box{
	position: absolute;
	top: 60px;
	left: 10px;
	z-index: 2;
	background-color: rgba(255,255,255,0.9);
	padding: 15px 30px 5px 50px;
	
	
}
	 
	  
	
    }