.everythinginside {
  font-weight:bold;
  -webkit-font-smoothing: antialiased;
  font-family:'Arima Madurai', cursive;
  word-spacing:2px;
  color:#000;
}

.message h1 {
  font-size: 2em;
  font-weight:bold;
  color:#ff0000;
  -webkit-font-smoothing: antialiased;
   font-family:'Arima Madurai', cursive;
  word-spacing:2px;
 /** line-height: 15px; **/
  text-align:center;
}
/** @media only screen and (max-width:750px){ 
.message h1 {}
.message {}
}
**/

h2 {
  font-weight:normal;
  text-align:center;
  font-size:20px;
  color:#000;
  padding:5px 0;
}

.message {
text-align: center;
color:#000;
font-size: 1.2em;
 background: url('https://starlinksgifts.com/v/vspfiles/images/SummerAnnouncement.jpg');
background-repeat: repeat-y;
 background-size: auto 50px;
  background-position: center;
position: absolute;
/*** top: -300px; ***/
left: 0;
width: 100%;
/** height: 175px; **/
padding: 0% 19%;
transition: top 2s cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: auto;
box-sizing: border-box;  
max-height: 0px;
}
@media only screen and (max-width:570px){
.message {line-height:19px; overflow:auto; font-size: .9em; height:200px !important;}
#toggler:checked ~ .message {max-height:200px !important;}
#toggler + label {font-size:2em !important; height: 200px !important;}
#toggler:checked + label {font-size:1.5em !important;}
#toggler:checked ~ .anc-container {margin-top: 190px !important;}
}



#toggler {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:-100%;
  /*** top:-100%; ***/
}

#toggler + label { /*** Button that triggers slidedown ***/
  position:absolute;
  cursor:pointer;
    background-color: none;
  color: #ff9900;
width: 100%;
border-radius: 3px;
padding: 20px 0px;
line-height:1px;
font-size:2.5em;
  font-weight: 900;
text-align:center;
-webkit-font-smoothing: antialiased;
 margin:5px 0px;
 transition: all 500ms ease;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3), -4px 2px 3px #000000;
}
.anc-container { /*** This container slides below on trigger ***/
transition: margin 2s cubic-bezier(0.17, 0.04, 0.03, 0.94);
  padding:1.5em 0em;
 background: url('https://starlinksgifts.com/v/vspfiles/images/SummerAnnouncement.jpg');
   background-size: auto 50px;
  background-position: center;
  background-color: none;
    z-index:2001;

  }

#toggler:checked ~ .message {
  top: 0;
max-height: 190px;

}

#toggler:checked ~ .anc-container {
  margin-top: 150px;
}

#toggler:checked + label { /*** This is opened button ***/
    color:#000fff;
font-size:1.5em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2), 0px 5px 35px rgba(255,255,255,0.3), -1px 2px 3px #000000;
}

#toggler + label:after { content:"August Vacation Notice" }
#toggler:checked + label:after { background-color: #ffffff; content:"X Close This Announcement X"}