@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 500px) and (min-width: 240px) {

.groupname		
		{
width:100%;
maregin: 0;
}
}

@media screen and (max-width: 481px) and (min-width: 240px) {

#footer		
		{
margin:0; width:auto;
}
#mainContent 
{
width: 100%;
padding: 1rem;
}
		
 #workgroup {
width: 100%;
}
}
@media screen and (max-width: 641px) and (min-width: 480px) {
.groupname		
		{
margin:auto; width:100%;
}
}

@media screen and (max-width: 641px) and (min-width: 480px) {
#footer		
		{
margin:auto; width:90%;
}
#mainContent {
width: 100%;
padding: 1rem;
}
 #workgroup {
width: 100%;
}
}
@media screen and (max-width: 961px) and (min-width: 640px) {
.groupname		
		{
margin:auto; width:90%;
}
}


@media screen and (max-width: 961px) and (min-width: 640px) {
#mainContent {
width: 95%;
padding: 1rem;
}
 #workgroup {
width: 90%;
}
}

@media screen and (max-width: 1201px) and (min-width: 960px) {

#mainContent {
width: 80%;
margin:auto;
}
 #workgroup {
width: 90%;
}
.groupname		
		{
margin:auto; width:70%;
}

}

@media screen and (max-width: 1901px) and (min-width: 1200px) {

#mainContent {
width: 60%;
margin:auto;
}
 #workgroup {
width: 80%;
}
.groupname		
		{
margin:auto; width:70%;
}
}

@media screen and (max-width: 3200px) and (min-width: 1900px) {
#mainContent {
width: 55%;
margin:auto;
}
#workgroup {
width: 70%;
}
.groupname		
		{
margin:auto; width:80%;
}
}