/*********************
Put mobile CSS here
*********************/

.press-full {
	width:100%;
text-align: center;
color: #000; 
background: #f7a11a; 
display: block; 
margin-top: 0 !important; 
margin: 1.5rem 0 0;
overflow: hidden;
padding-top: 15px;
}

.press-wrap {
max-width: 70.25em;
margin-right: auto;
margin-left: auto;
}

.press-text {
display: block; 
width: 100%;  
padding: 15px;

}

.press-text-wide {
display: block; 
width: 100%;  
padding: 5px;
}

.press-logos {
 display: block;
 width: 100%; 
 margin-right: 0; 
 padding-left: 16px;  

}

.entry-content-logo ul li {
    margin: 1.5rem 0 0;
    word-wrap: break-word;
    word-break: keep-all;
    padding-left: 3em;
    text-indent: -2.2em;
}
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/

@media only screen and (min-width: 768px) {


.press-text {
display: block; 
float: left; 
width: 35%;  
padding-top: 15px;
text-align: left;
}

.press-text-wide {
display: block; 
float: left; 
width: 100%;  
}

.press-logos {
 display: block;
 float: left; 
 width: 62.957447%; 
 margin-right: 0; 
 padding-left: 16px; 
 border-left: solid black 1px;
 border-bottom: none;
 border-top: none;
}


} // end of media query

/*********************
TABLET & SMALLER LAPTOPS
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: 768px) {



} // end of media query

/*********************
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) {




} // end of media query
