#cssbuttons {
    min-height: 360px;
    text-align: center;
   	font-family: Arial, Helvetica, sans-serif ;
    line-height: normal ;       /* defines the spacing between text lines */
    vertical-align: middle ;
}

#cssbuttons ul {
	list-style: none ;
    margin-top: 3px ;
    padding: 0px ;
    width: 180px ;
    border-top: 1px solid #002E3D ;
    border-bottom: 1px solid #002E3D ;
    border-left: 1px solid #002E3D ;
    border-right: 3px solid #002E3D ;
}

#cssbuttons li {
	list-style: none ;
}

#cssbuttons li a {
	color: #FFFFE5 ;
	background-color: #005C7A ;
    text-decoration: none ;
    display: block ;
    width: 170px ;
    padding-top: 7px ;
    padding-bottom: 7px ;
    padding-left: 5px ;
    padding-right: 5px ;
	border: 1px solid #002E3D ;
}

#cssbuttons li a:hover {
	color: #ff0 ;
	background-color: #004C66 ;
    text-decoration: none ;
}


@media screen and (min-width: 769px)
{
    @media (max-width: 1200px) 
	{
		#cssbuttons { display: none; }
	}
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px)
{ 
	#cssbuttons { display: none; }
}

@media only screen and (max-device-width: 480px) 
{
	#cssbuttons { display: none; }
}

@media (max-width: 1200px) {
    #cssbuttons { display: none; }
}