/*
Simple Responsive Template v 1.2


primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

.grid_4 .tweet {
	padding: 25px;
	font-size: 1em;
}

.grid_6 .tweet {
	padding: 25px;
	font-size: 1em;
}

.twitter-container{
	position: relative; 
	display: block; 
	background-color: #49aadd;
}

/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {
    .grid_3 .tweet {
        font-size: 100%;
        padding: 20px;
    }

    .grid_4 .tweet {
		font-size: 1em;
		line-height: 20px;
		padding: 25px;
    }
	
    .grid_6 .tweet {
		font-size: 1em;
		line-height: 20px;
		padding: 25px;
    }
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
     .grid_3 .tweet {
        font-size: 115%;
        padding: 35px;
    }

    .grid_4 .tweet {
		padding: 25px;
		font-size: 1.1em;
		line-height: 20px;
    }
	
    .grid_6 .tweet {
		padding: 25px;
		font-size: 1.1em;
		line-height: 20px;
    }
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
    .grid_3 .tweet {
        font-size: 120%;
        padding: 35px; 
    }

    .grid_4 .tweet {
		padding: 40px;
		font-size: 1.35em;
    }

    .grid_6 .tweet {
		padding: 40px;
		font-size: 1.35em;
    }
} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 
}