/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1450px) {
span.mobText {
	display: block;
	font-size: 58px;
	color: #fff;
	font-family: "RobotoBold";
    text-shadow: 1px 1px 2px black, 0 0 1em #EBEBEB;
    margin: 380px 75px 0 25px;
    text-align:left;
}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

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

.contGray ul {
    font-size: 24px;
    }   

.white-popup {
    width:0;
    margin:0;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
section.contMid {
    margin:0;
    }
    
.listMid li, .listPopup li {
    width:100%;
	float:left;
    }    
    
.contGray ul {
    font-size: 20px;
    } 
    
.mfp-container {
    height:0;
    width:0;
}       
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


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

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

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

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}