.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#bigbox {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 25px;
    clear: none;
    width: 100%;
    margin-right: auto;
    
}




#eventbutton_text {
    float: none;
    font-size: 16px;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 600;
    line-height: 16px;
    margin: 20px auto;
    clear: none;
    min-height: 0px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
	
	max-width: 110px;
  max-height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;

/* Remove if you want dots to show */

display: block;
  display: -webkit-box;
 -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#eventbutton {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 25px;
    clear: none;
    width: 80%;
    margin-right: auto;
    background-color: rgb(0, 0, 0);
}

#eventbutton:hover {
    background-color: #CCC;
   
}

#events_top {


width: 100%;
height: .05px;

}










@media only screen and (max-width: 1200px) {
    #bigbox {
        width: 99%;
    }
	
	
	

	
	
}

@media only screen and (max-width: 500px) {
	
	 #bigbox {
        width: 80%;
    }
}