HEX
Server: Apache
System: Linux p3plmcpnl504330.prod.phx3.secureserver.net 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64
User: workshopbrain (3361731)
PHP: 7.4.33
Disabled: NONE
Upload Files
File: /home/workshopbrain/public_html/taubman/style.css
/*Stylesheet*/

html, body
{
	margin:0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #5f6162;
    font-family: "Helvetica", sans-serif;
}

.grey {color: #5f6162;}
.orange {color: #e14725;}

img, iframe {
	max-width:100%;
	padding:0;
	margin:0;
}

h1,h2,h3,h4,p,div {
	color:#5f6162;
}

h1 {
	font-size:30pt;
	font-weight:400;
	color:#5f6162;
}

h2,h3,h4,p,a {font-weight: 400;}

div.grey-container h1, div.white-container h1 {margin-left:auto;margin-right:auto;margin-top: 20px;margin-bottom: 20px;text-align: center;}

div.white-container {
	width:100%;
	background-color:#fff;
	overflow:auto;
}

div.grey-container {
	width:100%;
	background-color:#5f6162;
	overflow:auto;
}

div.grey-container h1,
div.grey-container h2,
div.grey-container h3,
div.grey-container h4,
div.grey-container p,
div.grey-container div,
div.grey-container a,
div.grey-container a:visited {
	color:#fff;
}

div.div-quarter {
	float:left;
	width:20%;
	text-align:center;
}

div.ten-percent {
	float:left;
	width:10%;
	text-align:center;
}

div.div-half {
	float:left;
	width:50%;
	text-align:center;

}

div.div-third {
	float:left;
	width:33%;
	text-align:center;

}

div.div-quarter img, div.div-half img, div.div-third img {
	max-width:70%;
	padding:5% 15% 5% 15%;
}

div.div-quarter h3, div.div-half h3, div.div-third h3{
	font-size:18px;
	font-weight: 400;
	max-width:80%;
	padding:10%;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}

h1.fix-left, h2.fix-left, h3.fix-left {text-align:left;margin-left:20px;}



/* Media Queries */
/***********************************************************/

@media only screen and ( max-width: 980px ) {

}


@media only screen and ( max-width: 767px ) {

}


@media only screen and ( max-width: 650px ) {
div.div-half {float:none;width:100%;}
div.div-third {float:none;width:100%;}
div.div-quarter {float:none;width:100%;}
div.ten-percent {float:none;display:none;}
iframe {margin-bottom:20px;}
}


@media only screen and ( max-width: 480px ) {
div.div-quarter h3, div.div-half h3, div.div-third h3{font-size:14pt;}
}