h1 {letter-spacing:6px; text-decoration:underline;}
h2 {letter-spacing:6px; text-align:center;}

main div {width:100%; max-width:1000px; padding:6px; margin:0 auto;}
main div div {margin:0; overflow:hidden;}
main div.p1 p.p1 {font-size:20px; line-height:36px; text-align:center; padding:0; margin:0; font-weight:bold; font-style:italic;}

p.p22 {font-size:20px; max-width:800px; display:block; margin:12px auto; padding:0 6px;}
main p {font-size:20px; text-align:left; margin:20px 0; line-height:24px;}
p a:link, p a:visited, p a:hover {font-size:20px;}
 
td {font-size:20px; vertical-align:top;}
h1, main div.p1 p.h1 {font-size:28px; font-weight:700; text-align:center;}
p.h1 { line-height:32px;}
h1 {letter-spacing:6px;}
img.rt {float:right; margin-left:90px;}
main table {margin:0 auto;}
#img1 {height:508px; background:url(../images/sound-consultancy.jpg) top center no-repeat;}

.col4 {padding:6px 0; clear:both;}
.col4 div {display:inline-block; width:24%; vertical-align:top; border:1px solid #000; border-radius:6px; padding:0; clear:both;}
.col4 div ul {margin-left:8px; padding:0 6px 0 22px; list-style-type:disc;}
.col4 div li {font-size:20px; margin:24px 0 0 0;}
.col4 div p {font-size:20px; margin:20px 0 0 0;}
.col4 div h2 {font-size:20px; letter-spacing:6px; text-align:center; padding:6px 0;}

span {display:block; width:100%; max-width:400px; text-align:center; font-size:30px; color:#fff; background:#3D9BE9; padding:24px; margin:0 auto; cursor:pointer; border-radius:9px; transition: background 0.4s ease 0s;}
span:hover {background:#2B689C;}

main td {padding:6px; vertical-align:top;}
main td:first-child {padding-top:2px;}

#mask {position:fixed; z-index:91; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); display:none;}
#quote {position:fixed; z-index:93; width:100%; height:100%; top:10%; left:0; background:none; display:none; vertical-align:middle;}
#quote iframe {position:relative; display:table; width:650px; height:500px; margin:0 auto; background:#fff; border-radius:12px;}

@media (max-width:700px) {
main {padding:0;}
.col4 div {width:49%;}
.col3 div {width:100%;}
.filler {display:none;}
#quote iframe {width:100%;}
}

@media (max-width:400px) {
.col4 div {width:100%;}
}