/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Define Custom Variables Here */
/* Default Variables */
/* main font family */
/* rgba color with opacity */
/* main width of wrapper */
/* height of footer */
/* sets text color for input fields */
/* sets the number of columns in the grid */
/* sets padding for columns */
/* Default Styles */

html { height: 100%; }

body { height: 100%; font-family: myriad-pro; }

.bodyWrap { min-height: 100%; position: relative; }

::-moz-selection { background: rgba(0, 0, 0, 0.6); }

::selection { background: rgba(0, 0, 0, 0.6); }

.wrap { width: 1124px; margin: auto; clear:both; position:relative; z-index:99;}

.clear { clear: both; }

.fullWidth, header, .platform, .heading, footer { width: 100%; min-width: 1124px; }

.beforeFooter { padding-bottom: 100px; clear: both; }

/* Convert px to rem */
/* Float */
.left { float: left; }

.right { float: right; }

/* Text Align */
.textLeft { text-align: left; }

.textCenter { text-align: center; }

.textRight { text-align: right; }

.textJust { text-align: justify; }

/* Position */
.fixed { position: fixed; }

.relative { position: relative; }

.absolute { position: absolute; }

/* Display */
.hide, .mobile { display: none; }

.block, .desktop { display: block; }

.inline { display: inline; }

.inlineBlock { display: inline-block; }

/* Font Weight */
.bold, strong { font-weight: bold; }

.regular { font-weight: normal; }

.italic, em { font-style: italic; }

/* Responsive Element -- Good for making perfect squares or circles */
.element { position: relative; }

.element:after { content: ''; display: block; padding-top: 100%; }

/* Responsive Iframe, Object, Embed */
.videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Full Width Image (requires width and height) */
.fullImg { position: relative; overflow: hidden; }
.fullImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: auto; min-width: 100%; min-height: 100%; }

/* Grid */
.col1 { width: 8.33333%; }

.col2 { width: 16.66667%; }

.col3 { width: 25%; }

.col4 { width: 33.33333%; }

.col5 { width: 41.66667%; }

.col6 { width: 50%; }

.col7 { width: 58.33333%; }

.col8 { width: 66.66667%; }

.col9 { width: 75%; }

.col10 { width: 83.33333%; }

.col11 { width: 91.66667%; }

.col12 { width: 100%; }

[class*="col"] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 1px; }

.pad { padding: 10px; }

/* Typography */
a { text-decoration: none; }

h1 { font-size: 40px; font-size: 2.5rem; line-height: 45px; line-height: 2.8125rem; }

h2 { font-size: 30px; font-size: 1.875rem; line-height: 35px; line-height: 2.1875rem; }

h3 { font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; }

h4 { font-size: 18px; font-size: 1.125rem; line-height: 23px; line-height: 1.4375rem; }

p { font-size: 16px; font-size: 1rem; line-height: 21px; line-height: 1.3125rem; }

/* Input Styles */
form, input { -webkit-box-sizing: border-box; box-sizing: border-box; }

input::-webkit-input-placeholder { color: #000; }

input:-moz-placeholder { color: #000; opacity: 1; }

input::-moz-placeholder { color: #000; opacity: 1; }

input:-ms-input-placeholder { color: #000; }

input:placeholder-shown { color: #000; }

header { background: #fff; float: left; position:relative; z-index:999;}
header .logo { width: 240px; margin: 25px auto 10px auto; }

.mainImg {clear: both; }
.mainImg img {width:100%;}

.mainImg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(15%, rgba(255, 255, 255, 0)), color-stop(85%, rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }

.text { margin-top: 50px; margin-bottom: 35px; }

.mainText { margin: 50px auto 35px auto; }
.mainText p {width:605px; margin:auto; font-size: 29px; line-height: 38px; color: #404040; font-weight:bold; font-style:italic; font-family: "myriad-pro-condensed"; }
.mainText p strong { font-size: 24px; }
.mainText p i {font-size:24px; font-style:italic; font-family: myriad-pro;}

.minWrap { width: 740px; margin: auto; position:relative;}

.dots { width: 100%; clear: both; position: relative; text-align: center; }
.dots img { width: 35px; margin: auto; }
.dots img.dot { width: 7px; }

nav { background: #fff; z-index: 999; left: 0; top: 0; width: 100%; }
nav ul { text-align: center; margin-left:45px;}
nav ul li { display: inline-block; line-height: 70px; text-transform: uppercase; font-size: 20px; font-family: "myriad-pro-condensed"; }
nav ul a { padding: 0 15px; color: rgba(51, 51, 51, 0.5); transition:.2s ease;}
nav ul li:hover a {color:rgba(51, 51, 51, 1); transition:.2s ease;}

.navWrap { width: 100%; height: 70px; position:relative; z-index:999999; margin-top:5px;}

.campaign { margin-top: 25px; }

.platform { min-height: 600px; margin-top: 10px; padding: 35px 0 0 0; position: relative; margin-bottom: 60px; }
.platform .col6:nth-child(2n + 1) { clear: both; }
.platform .col6:nth-child(2n - 1) { padding-right: 20px; }
.platform .col6:nth-child(2n) { padding-left: 20px; }
.platform .col6 { margin-bottom: 25px; }
.platform .minWrap { position: relative; z-index: 999; }
.platform h3 { color: #333333; font-size: 19px; line-height: 27px; }

.twitter-tweet, .shadow, .tweetsBg { -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); margin: auto; border-radius:5px; overflow:hidden;}

.tweetsBg .twitter-tweet {-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0);}

.tweetsBg {padding:10px 15px 7px 15px; box-sizing: border-box; max-width:500px; margin:auto; position:relative; top:-15px; background:#e7e7e7;}

.z {position:relative; z-index:999;}

.platform:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(10%, white), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(90%, white), to(white)); background: linear-gradient(to right, white 0%, white 10%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, white 90%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }

.contextTweet { width: 1000px; margin: auto; margin-bottom: 50px; }
.contextTweet p { font-size: 30px; line-height: 36px; }
.contextTweet .col6:first-child { padding-right: 20px; }
.contextTweet .col6:last-child { padding-left: 20px; }

.heading { position: relative; }
.heading .logo { position: absolute; width: 40px; left: -999px; right: -999px; margin: auto; }
.heading h2 { font-size: 30px; line-height: 43px; text-transform: uppercase; font-weight: bold; padding-top: 32px; }

.m25 { margin-bottom: 25px; }
.mtop {margin-top:25px;}

.videos { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px; }
.videos span { display: block; margin-bottom: 40px; width: 100%; font-size: 16px; font-weight: 100; line-height: 22px; }
.videos span:last-child { margin-bottom: 25px; }

.video { width: 100%; margin-bottom: 10px; }

.profiles { margin-bottom: 25px; }

.news .col6:nth-child(2n + 1) { clear: both; margin-bottom: 25px; }

.political { width: 700px; margin: auto; margin-top: 20px; }
.political h3 { font-size: 24px; line-height: 34px; margin-bottom: 20px; font-weight: 700; }
.political p, #where-is-tim-cook p { font-size: 18px; line-height: 27px; color: #404040; font-weight: 300; margin-bottom: 30px; }
.political a { color: #406AD3; }
.political .col6 { padding-right: 30px; margin-bottom: 25px; }
.political .col6.last { padding-left: 30px; padding-right: 0; }

.donations { width: 725px; margin: auto; }
.donations span.source { display: block; font-size: 14px; line-height: 21px; font-weight: 100; margin-top: 40px; margin-bottom: 30px; }

.heading h3 { font-size: 24px; line-height: 34px; margin-bottom: 20px; font-weight: 700; }

.dcCook { padding: 40px 0 0 0; margin-bottom: 25px; }
.dcCook h3 { font-size: 24px; line-height: 34px; margin-bottom: 20px; font-weight: 700; }
.dcCook .col4 { position: relative; z-index: 999; padding: 0 20px; padding-bottom: 40px; }
.dcCook .image { width: 100%; height: 335px; }
.dcCook .image img { position: relative; width: 100%; top: 0; left: 0; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); margin: auto; min-width: 0%; min-height: 0%; }

.dcCook:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(white), color-stop(20%, white), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(80%, white), to(white)); background: linear-gradient(to right, white 0%, white 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%, white 80%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); }

.map { width: 1050px; margin: auto; margin-top: 50px; position: relative; margin-bottom: 80px; margin-top:200px;}
.map .tweeter { position: absolute; width: 325px; }
.map .tweet1 { top: -180px; left: 280px; }
.map .tweet2 { bottom: -50px; left: 335px; }
.map .tweet3 { top:-130px; left: 740px; }
.map .tweet4 {  bottom:0; left: 0; }
.map .tweet5 { bottom:0; right: 55px;  }
.map .tweet6 {top:-250px; left:-100px;}

.bottomTweets { margin-bottom: 30px; }
.bottomTweets .col6.first { padding-left: 20px; padding-right: 30px; }
.bottomTweets .col6.last { padding-left: 30px; padding-right: 20px; }

#b2t {position:fixed; right:20px; bottom:20px; display:none; background:#fff; z-index:99999999;}
#b2t a {color:rgba(51, 51, 51, .5); padding:20px; display:block;}
#b2t a:hover {color:rgba(51, 51, 51, 1);}
#b2t.block {display:block;}

.title {float:left; width:100%; position:relative; z-index:999; text-align:center; background:#fff;}
.title h3 {font-size:24px; line-height:55px; font-weight:700;}
.second {margin-bottom:30px;}

footer { position: absolute; bottom: 0; height: 100px; }

#signup {line-height:44px; width:185px; background:#ea1135; font-family:'myriad-pro' !important; font-weight:bold; color:#fff; cursor:pointer; margin:0 10px;}

.popupbg {width:100%; height:100%; position:fixed; background:rgba(0,0,0,.8); z-index:999999999; display:none;}
.popup {display:none; position:fixed; top:50%; left:50%; width:500px; height:auto; padding:20px; box-sizing:border-box; background:#fff; z-index:999999999; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.close {width:40px; height:40px;}
.popup input {width:100%; height:40px; border-bottom:2px solid #ea1135; margin-bottom:20px;}
.popup input[type="submit"] {background:#ea1135; border:0; color:#fff; text-transform:uppercase; font-size:18px; cursor:pointer; margin-bottom:0;}
.popup h2 {margin-bottom:40px;}
.popup .close {position:absolute; top:20px; right:20px; width:30px; cursor:pointer;}
.popup .close img {width:100%;}
.popup p {margin-bottom:25px;}

#social {position:fixed; top:50%; left:0; width:60px; height:auto; box-shadow:-1px 2px 8px rgba(0,0,0,.3); border:1px solid #e3e3e3; z-index:9999999; padding:13px; box-sizing:border-box; background:#fff;}
#social ul li {width:34px; height:34px; border-radius:34px; text-align:center; margin-bottom:10px; float:left;}
#social ul li .fa {line-height:34px;}
#social ul li:nth-child(2) {background:#3b5998;}
#social ul li:nth-child(1) {background:#00aced;}
#social ul li:last-child {margin-bottom:0;}
#social ul li a {color:#fff; display:block;}

.social ul li {width:34px; height:34px; border-radius:34px; text-align:center; margin-bottom:10px; display:inline-block; margin-right:10px;}
.social ul li .fa {line-height:34px;}
.social ul li:nth-child(2) {background:#3b5998;}
.social ul li:nth-child(1) {background:#00aced;}
.social ul li:last-child {margin-bottom:0;}
.social ul li a {color:#fff; display:block;}

.signUpButtonMobile {display:none;}

.col4 .relative img {position:relative; top:0; left:0; right:0; bottom:0; transform:translate(0,0); float:left;}
.col4 .relative {border-radius:5px; overflow:hidden; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);}
/* Mobile Styles */
@media screen and (max-width: 1124px) { /* Turns "Stacked" Text Into One Line */
  .linebreak br { content: ' '; }
  .linebreak br:after { content: ' '; }
  .wrap { width: 95%; }
  .fullWidth, header, .platform, .heading, footer, header, .platform, .heading, footer { min-width: 0; }
  .news .col6 img, .news .col12 img { max-width: 90%; width: auto !important; }
  .contextTweet { width: 100%; }
  .dcCook .image { height: auto; background: #fff; }
  img.mapImg { display: none; }
  .map .tweeter { position: relative; top: 0; left: 0; }
  .map { padding: 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 40px; margin-top:0;}
  .map .tweeter { width: 100%; }
  nav ul {margin:0;}
  .washingtonPostCongress {max-width:90%;}
}

@media screen and (max-width: 740px) { .desktop { display: none; }
  .mobile { display: block; }
  nav ul {margin:0;}
  #signup {margin:0;}
  #navigation li {line-height:50px;}
  .navWrap {height:135px;}
  .nav-btn { float: right; margin-right: 0px; margin-top: 40px; }
  .cover { width: 30px; height: 27px; cursor: pointer; float: right; margin: 15px 0; position: relative; z-index: 999; }
  .line { width: 30px; height: 3px; background: #00356B; position: relative; top: 12px; -webkit-transition: .2s ease; transition: .2s ease; border-radius: 5px; }
  .line::before { content: ''; left: 0; width: 30px; height: 3px; position: absolute; top: -12px; background-color: #00356B; border-radius: 5px; }
  .line::after { content: ''; left: 0; width: 30px; height: 3px; position: absolute; top: 12px; background-color: #00356B; border-radius: 5px; }
  .line.animate::before { -webkit-animation: mymove .5s forwards; animation: mymove .5s forwards; }
  .line.animate::after { -webkit-animation: mymove2 .5s forwards; animation: mymove2 .5s forwards; }
  .line.animate { -webkit-animation: mymove3 .2s forwards; animation: mymove3 .2s forwards; }
  .line.reverse::before { -webkit-animation: mymove4 .5s forwards; animation: mymove4 .5s forwards; }
  .line.reverse::after { -webkit-animation: mymove5 .5s forwards; animation: mymove5 .5s forwards; }
  .line.reverse { -webkit-animation: mymove6 .2s forwards; animation: mymove6 .2s forwards; }
  @keyframes mymove { 0% { top: -12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; } }
  @keyframes mymove2 { 0% { top: 12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; } }
  @keyframes mymove3 { 99% { width: 30px; }
    100% { width: 0px; } }
  @keyframes mymove4 { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: -12px; } }
  @keyframes mymove5 { 0% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: 12px; } }
  @keyframes mymove6 { 0% { width: 0px; }
    99% { width: 0px; }
    100% { width: 30px; } }
  @-webkit-keyframes mymove { 0% { top: -12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; } }
  @-webkit-keyframes mymove2 { 0% { top: 12px; }
    50% { top: 0; }
    51% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; } }
  @-webkit-keyframes mymove3 { 99% { width: 30px; }
    100% { width: 0px; } }
  @-webkit-keyframes mymove4 { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: -12px; } }
  @-webkit-keyframes mymove5 { 0% { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; }
    50% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    51% { top: 0; }
    100% { top: 12px; } }
  @-webkit-keyframes mymove6 { 0% { width: 0px; }
    99% { width: 0px; }
    100% { width: 30px; } }
  nav { position: relative; }
  .navMenu { width: 100%; line-height: 70px; text-transform: uppercase; font-size: 20px; position: relative; }
  .navMenu span { display: block; background: #fff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; }
  #navigation { position: absolute; top: 69px; left: 0; width: 100%; z-index: 9999; background: #fff; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }
  #navigation li { display: block; width: 100%; }
  .dcCook .col4, .political .col6, .news .col6, .map, .contextTweet, .minWrap, .donations, .political, .bottomTweets .col6, .platform .col6, .contextTweet .col6 { width: 100%; }
  .dcCook .col4 {width:50%;}
  .news .col6 img, .map .tweeter { width: 100%; }
  .map .tweet1, .map .tweet2, .map .tweet3 { top: 0; left: 0; }
  .mainImg.fullWidth.fullImg, header.mainImg.fullImg, .mainImg.fullImg.platform, .mainImg.fullImg.heading, footer.mainImg.fullImg { height: auto; }
  .mainImg.fullWidth.fullImg img.bgImg, header.mainImg.fullImg img.bgImg, .mainImg.fullImg.platform img.bgImg, .mainImg.fullImg.heading img.bgImg, footer.mainImg.fullImg img.bgImg { width: 100%; position: relative; top: 0; left: 0; min-width: 0; min-height: 0; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); }
  .political .col6.last, .platform .col6:nth-child(2n), .bottomTweets .col6.first, .bottomTweets .col6.last { padding-left: 0; }
  .political .col6, .platform .col6:nth-child(2n - 1), .bottomTweets .col6.first, .bottomTweets .col6.last, .contextTweet .col6:first-child { padding-right: 0; }
  .map .tweeter { position: relative; }
  .news .col6, .contextTweet .col6, .bottomTweets { margin-bottom: 20px; }
  .map { margin-bottom: 35px; padding: 0; float: left; }
  .mapImg { display: none; }
  .map .tweeter, .bottomTweets .col6, .videos, .political .col6, .platform .col6 { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px !important; }
  .tweeter { float: left; } 

  .video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  .mainText p  {width:100%;}

  .signUpButtonDesktop {display:none !important;}

  .signUpButtonMobile {display:block; text-transform:uppercase; font-size:23px; clear:both; float:left; width:100% !important; margin-top:14px !important; text-align:center; background:#ea1135; line-height:50px;}


}
@media screen and (max-width:500px) {
  .popup {width:90%;}
}

  @media screen and (max-width:480px) {
    .dcCook .col4 {width:100%;}
  }
/*# sourceMappingURL=style.css.map */