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;}
}