/*------MASTHEAD-----*/
header {
	width:100%;
	height: 40px;
	background-color:#00274C;
	color:#fff;
margin-left: auto;
	margin-right: auto;
}
.masthead2 {
	width:825px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
}
.masthead2 h3 {
	font-family: 'Crimson Text', Times, serif;
	color:#fff;
	text-transform: uppercase;
	font-size:1em;
	padding-top: 8px;
}
.masthead2 h3 a:link, .masthead2 h3 a:visited {
	font-family: 'Crimson Text', Times, serif !important;
	color:#fff;
	text-decoration: none;
}


/*------CAMPAAIGNS --------------------------------*/

#campaign_container {
    text-align: center;
    clear: both;
    /*width: 700px;*/
    width: 58%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}


.campaign_intro h1 {
    padding-top: 6% !important;
	font-weight: bold !important;
}



.campaign_intro ul {
    list-style-type: none;
}

.campaign_intro li {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: center;
    font-weight: bold;
}

.campaign_intro li img {
        margin-left: auto;
        margin-right: auto;
    }

.addPad {min-height: 200px;}

#rdo1 label, #rdo2 label {
    margin-right: 20px;
}


/* CLASS for <section> in ctlCampaign user control */
.section-oneday {
    float: left;
    width: 100%;
    /*background-color:#DBD9D5;*/
    background-color: #000;
    padding-bottom: 1%;
}

/* CLASS for <article> in ctlCampaign user control */
.article-oneday {
    width: 75%;
    padding: 2%;
    /*min-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
}

/* CLASS for <img> in ctlCampaign user control */
.img-oneday {
    float: right;
    margin-left: 2%;
}
.img-oneday-umbrella {
    float: right;
    margin-left: 2%;
    padding-top: 20px;
}


.sizeButtons input {
    margin: 8px;
}

#myCampaign_rdoSize input {
    margin-left: 8px;
}

/* **************************************** */


/* CLASS for Point 2C Campaign */
.point2C {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    padding-bottom: 1%;
    border-bottom: 1px solid #ccc;
}

.point2C-article {
    width: 75%;
    padding: 2%;
    /*min-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
}

/* CLASS for Titan Parents Prode Pack Campaign */
.parentsPride {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    padding-bottom: 1%;
    border-bottom: 1px solid #ccc;
}

.parentsPride-article {
    width: 75%;
    padding: 2%;
    /*min-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
}

/* CLASS for Point 5C Campaign */
.point5C {
    float: left;
    width: 100%;
    background-color: #dadce7;
    color: #000;
    padding-bottom: 1%;
    border-bottom: 1px solid #ccc;
}

.point5C-article {
    width: 75%;
    padding: 2%;
    /*min-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
}



/* CLASS for Point 4A Long Sleeve Shirt Campaign */
.point4A {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;    
    border-bottom: 1px solid #ccc;
    z-index: 1000;
    position:relative;
}

.point4A-article {
    width: 75%;
    padding: 2%;
    /*min-width: 960px;*/
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
}


/* CLASS for Point 5A  */
.point5A {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #ccc;
    z-index: 1000;
    position: relative;
}

.point5A-article {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    color: #000 !important;
}


/* -------------- @MEDIA -------------*/
@media only screen and (max-width : 350px) {

    .img-oneday {     
        width:100%;
        float:none !important;
    }
}

@media only screen and (min-width: 355px) and (max-width : 500px) {
    .img-oneday {
        width: 100%;
        float: none !important;
    }
}

@media only screen and (min-width: 590px) and (max-width : 760px) {
    /*600 x 800*/
    .img-oneday {
        width: 50%;
        float: none !important;
    }
}

@media only screen and (max-width : 1020px) and (min-width : 760px) {
    /* 768 x 1024 and 800 x 600 */

}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
    /* 1024 x 768 */

}


/*---------@MEDIA----------*/

/* ----------- iPhone 4 and 4S ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	#campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPad 1, 2, Mini and Air ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */


/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- Galaxy S3 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
		.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
	}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S6 ----------- */


/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
		.masthead2 {width:90%;}
	.masthead2 h3 {font-size:.833em !important; text-align: center;}
	  #campaign_container {width:90%;}
	  .campaign_intro img {width:60%; height: auto; text-align: center;}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

}