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




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


    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1201px) {
	    
	    	.txt p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 34px;
	width: 95%;
	color: #2b5464;
}   

.dark p{
	color: #ffffff;
}

h1{
	font-size: 32px !important;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 30px;
}


    }



    /*==========  Non-Mobile First Method  ==========*/
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 1200px) {

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

	    
.dark p{
	color: #ffffff;
}	


h1{
	font-size: 29px !important;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 25px;
}    
	    
	    
	    .slogan{
			background-color: rgba(228,0,90,0.6);
			text-shadow: none;
			font-family: 'Titillium Web', sans-serif;
			font-weight: 400;
			font-size: 26px;
			padding: 8px 50px 15px 50px;
			letter-spacing: 1px;
			margin: 0 auto;
			line-height: 36px;
			width: 80%;
			color:#fff;
	
		
		}

    }