.month{
    padding-bottom: 20px;
}
.header{
    padding-top: 20px;
    margin: 35px;
    text-align: center;
    color:goldenrod;
}

.day-names{
    padding-top: 10px;
   font-size: 30px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{
    font-size: 15px;
    padding-top: 10px;
}

.event{
    font-size: 15px;
    padding-top: 10px;
}

/* Media Queries */

/*IPhone 5/SE*/

@media (max-device-width:320px) and (max-device-height:569px)   {

.month{
    padding-bottom: 20px;
    text-align: center;
}

.day-names{
    padding-top: 10px;
   font-size: 20px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{

}

.event{
    font-size: 15px;
    padding-top: 3px;
}
.header{
    margin-top: 10px;
    margin-bottom: -40px;
  
    text-align: center;
    color:goldenrod;
}
}

/*galaxy S5*/

@media screen and (min-width:350px) and (max-width:370px) and (max-height:640px)  {
    
.month{
    padding-bottom: 20px;
    text-align: center;
}

.day-names{
    padding-top: 10px;
   font-size: 20px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{
margin-bottom:90px;
}

.event{
    font-size: 15px;
    padding-top: 3px;
}
.header{
    margin-top: 10px;
    margin-bottom: 0px;
  
    text-align: center;
    color:goldenrod;
}
}


/*IPhone 6/7/8*/

@media only screen and (min-width:375px) and (max-height:667px) {

}

/*Pixel2*/

@media only screen and (min-width:411px)  and (max-height:731px) {

.month{
    padding-bottom: 20px;
    text-align: center;
}

.day-names{
    padding-top: 10px;
   font-size: 20px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{

}

.event{
    font-size: 15px;
    padding-top: 3px;
}
.header{
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: center;
    color:goldenrod;
}
}

/*Pixel2 XL*/

@media only screen and (max-width:411px) and (min-height:823px)  {

.month{
    padding-bottom: 20px;
    text-align: center;
}

.day-names{
    padding-top: 10px;
   font-size: 20px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{
}

.event{
    font-size: 15px;
    padding-top: 3px;
}
.header{
    margin-top: 10px;
    text-align: center;
    color:goldenrod;
}
}

/*IPhone 6/7/8 Plus*/

@media only screen and (min-width:414px) and (max-width:667px) {

    
}

/*IPhone X*/
@media only screen and (min-width:375px) and (max-width:812px) {

.month{
    padding-bottom: 20px;
    text-align: center;
}

.day-names{
    padding-top: 10px;
   font-size: 20px 
}

.date{
    font-size: 20px;
    padding-top: 10px;
}

.days{

}

.event{
    font-size: 15px;
    padding-top: 3px;
}
.header{
    margin-top: 10px;
    margin-bottom: 0px;
  
    text-align: center;
    color:goldenrod;
}
}

/*Ipad*/

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

}


/*Ipad pro*/

@media only screen and (min-width:1000px) and (max-width:1200px){
    
}