body{min-width:320px;font-family:'Arimo',Arial,Helvetica,sans-serif;font-size:15px;background-color:#372415;color:#1a0b08;text-align:center;background-image:url(/images-design/opera.jpg);background-size:auto 100%;background-attachment:fixed;background-repeat:no-repeat;background-position:center top;} body,nav ul,footer ul{margin:0;padding:0;} section ul{padding-left:4%;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} section p,section li{line-height:140%;} header p{line-height:normal;} .right{text-align:right;} .container{background-color:#fff;padding-top:200px;} .wrap{position:relative;display:block;max-width:1020px;margin:0 auto;} img,iframe{max-width:100%;height:auto} a img,iframe{border:none;} a{text-decoration:none;color:#6c8dae;} a:hover{text-decoration:underline;} .top a:hover,nav a:hover,.featured a:hover,footer a:hover{text-decoration:none;} hr{border:none;border-bottom:1px solid #eee;} .imgLeft{float:left;margin:5px 4% 1% 1%;} .imgCenter{display:block;margin:0 auto;} .imgRight{float:right;margin:5px 1% 1% 4%;} .clear{clear:both;} .center{text-align:center;} .top{background-color:rgba(30,52,72,.8);font-weight:bold;} .top a{color:#fff;} li a{display:block;} .top .wrap,footer .wrap{padding-left:1%;padding-right:1%;} header,nav,footer ul,footer li{display:inline-block;vertical-align:middle;} nav li,.featured a,form div,.banner img,.banner blockquote{display:inline-block;vertical-align:top;} header{width:38%;font-size:24px;} header span{display:block;font-size:12px;} nav{width:61%;font-size:13px;text-align:right;} nav li{padding-left:2px;margin:4px 0;border-left:1px solid #fff;} nav li:first-child,nav li:last-child{border:none;} nav li a{padding:6px 2px;} nav li a:hover,footer a:hover{color:#cfceb3;} nav .book{font-size:15px;background-color:#fff;color:#1a0b08;margin-left:10px;padding:8px 20px;border-radius:2px;} .book:hover,.featured a:hover h2,form input[type=submit]:hover{background-color:#6c8dae;color:#fff;} .banner{color:#fff;margin-top:5%;} .banner .wrap{display:grid;grid-template-columns:1fr 1fr;padding:0 20px;grid-gap:20px} .banner img{display:block;margin:0 auto} #frontpage{font-family:'Arimo',sans-serif;font-size:18px;line-height:140%;margin:0 0 0 5%;text-shadow:1px 1px 3px #000;background-color:rgba(30,52,72,.9);padding:50px 7%;font-weight:bold;} .featured{background-color:rgba(26,11,8,.9);color:#fff;padding:10px 0 50px;margin-top:5%;} .featured .wrap{display:table;border-spacing:2vw;} .featured a{display:table-cell;width:33%;} .featured h2{font-size:18px;background-color:#cfceb3;color:#3e3e3e;padding:15px 5%;border-radius:1px;} .featured p,.featured span{padding:0 2px;} .featured p{color:#fff;} .featured span{font-weight:bold;display:block;text-align:left;position:absolute;bottom:0;} .bannerInterior{height:350px;background-image:url(/images-design/music.jpg);background-size:cover;background-position:center 40%;} section{padding-top:20px;} section.wrap{background-color:#fff;margin-top:-380px;padding:20px 3% 40px;max-width:920px;} h1{font-size:18px;text-align:center;padding-bottom:20px;margin-bottom:25px;} h1:after{content:"";width:90%;height:1px;position:absolute;top:80px;left:0;background-image:linear-gradient( to right,transparent 10%,#898989,transparent );} h1,h2,h3,h4{font-family:Verdana,Geneva,Tahoma,sans-serif;} h2{font-size:20px;} h3{font-size:16px;} h3 a{color:#000;} h4{font-size:14px;} form{margin:40px 0;} form div{width:49%;} form input[type=text],form input[type=email],form input[type=tel],form input[type=submit],form select,form textarea{font-family:'Arimo',Arial,Helvetica,sans-serif;font-size:15px;} form input[type=text],form input[type=email],form input[type=tel],form select,form textarea{padding-left:1%;margin-bottom:15px;} form input[type=text],form input[type=email],form input[type=tel],form textarea{width:96%;height:34px;} form select{width:98%;height:40px;margin-bottom:0;} form textarea{padding:2% 0 0 2%;} form input[type=submit]{width:98%;height:36px;font-weight:bold;background-color:#cfceb3;color:#3e3e3e;border:none;border-radius:2px;} form input[type=submit]:hover{cursor:pointer;} #contact textarea{height:140px;} footer,footer a{color:#fff;} footer .row1{background-color:rgba(30,52,72,.9);padding:20px 0;} footer .subNav{text-align:left;width:73%;} footer .subNav li a{border-right:1px solid #fff;padding:0 5px;} footer .subNav li:last-child a{border:none;} footer .social{width:25%;text-align:right;} footer .social li{margin-left:10px;} footer .social i,footer .social a{display:block} footer .social i{width:26px;height:15px} footer .social a{margin:5px} footer .row2{background-color:rgba(55,36,21,.9);padding:15px 0 5px;} footer .row2 ul{width:32%;text-align:left;} .clients{width:33%;padding:10px 20px;display:block;background-color:rgba(30,52,72,.8);color:white;float:right;text-align:center;min-width:200px;} .clients ul{padding-left:20px;} .clients li{margin:6px 0;} .clients a{color:aliceblue;} .testimonial{max-width:650px;margin:0 auto;padding:12px 0;display:block;background-color:rgba(30,52,72,.8);color:white;} cite{text-align:right;display:block;} .cv table{width:100%;} .cv td:nth-of-type(odd){width:60%;} .cv td:nth-of-type(even){font-weight:bold;} .presentation hr{width:50%;} .nowrap{white-space:nowrap;} .education td{padding:5px 5px 5px 0;} @media(max-width:999px){section.wrap{margin-top:0;} .container{padding-top:0;} .bannerInterior{height:200px;}} @media(max-width:767px){.bannerInterior{background-image:url(/images-design/music_768.jpg);} #frontpage{font-size:16px;padding:30px 3%;} footer li{text-align:center;} #frontpage cite{font-size:14px;} header,nav{display:block;width:auto;text-align:center;} header p,nav{text-align:center;margin-top:0;} .top{padding:10px 0;} nav a{margin:0 8px}} @media(max-width:700px){footer .subNav,footer .social{display:block;width:auto;text-align:center;margin:20px 0;} footer .row1{padding:1px 0;} footer .subNav a{border:none;margin:8px;} footer .social a{margin:8px 16px;}} @media(max-width:600px){nav li{width:32%;border-left:none;} nav li:last-child{display:block;width:auto;text-align:center;margin-top:8px;} nav li:last-child a{display:inline-block;width:200px;} .banner .wrap{grid-template-columns:1fr} .featured{padding:10px 2%;} .featured .wrap{display:block;} .featured a{display:block;width:auto;margin:12px 0;} .featured span{position:relative;} footer .subNav li{width:30%;text-align:left;} footer .row2 ul{width:49%;margin:12px 0;} footer .row2 ul:last-of-type{display:block;width:auto;text-align:center;}} @media(max-width:500px){.clients{float:none;width:auto;margin:0;}} @media(max-width:400px){nav li,footer .subNav li{width:48%;} nav,footer .subNav{text-align:left} footer .row2 ul{display:block;width:auto;text-align:center;} form div{width:auto;display:block;} form textarea{margin-top:20px;}}