nav.navbar { border-radius:0; margin-bottom:0; color:#F1F2F0; font-size:1.3em; padding-left:10%; padding-right:10%; padding-bottom:10px; border-bottom:none; } html { position:relative; min-height:100%; padding-bottom:20vh; } ul.nav { margin-top:10px; } ul.nav li a { color:#F1F2F0; font-size:1.3em; padding-left:15px; padding-right:15px; margin-left:15px; margin-right:15px; border-radius:10px; transition:0.2s; } div.right-testimony { height:450px !important; padding-top:20px !important; font-size:1.2em !important; } div.item-panel { background-color:rgba(0,0,0,0.3); border-color:rgba(0,0,0,0.5); width:50%; border-radius:10px; margin-left:50%; padding-top:10px; padding-bottom:20px; padding-left:30px; padding-right:30px; } div.item-panel h2 { font-size:2.8em; } ul.nav li a:hover, ul.nav li a:focus, li.active { background-color:#3679AD; padding-left:10px; padding-right:10px; border-radius:10px; } li.active { padding-left:0; padding-right:0; } div.bottom-row { margin-top:-10px; margin-bottom:40px; } div.contact-col { max-height:400px; } div.input-col { margin-left:-15px; } div.carousel-inner > .item { transition: 0.6s ease-in-out left; } div.service-panel { height:480px; margin-bottom:20px; border:none; color:#35342f; border-radius:10px; background-color:#e1e0dd; box-shadow:3px 3px 4px 3px rgba(0,0,0,0.6); overflow:hidden; } div.testimonial-panel { height:175px; font-size:1.1em; padding-top:0px; padding-bottom:10px; padding-left:20px; padding-right:20px; margin-bottom:20px; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 5px 5px #A1A19E; } div.contact-panel { height:420px; margin-bottom:0; padding-left:15px; padding-right:15px; padding-top:5px; } div.testimonial-panel p { font-size:1.24em !important; line-height:1.5em; padding-top:10px; } div.testimonial-panel p strong { float:right; } div.caption { padding-left:5%; padding-right:5%; } a.service-btn, button.service-btn { width:80%; margin-left:10%; margin-right:10%; font-size:1.5em; margin-top:5px; } button.service-btn { margin-top:5px; margin-bottom:10px; } img.service-img { width:80%; margin-left:10%; margin-right:10%; margin-top:10px; height:200px; object-fit:cover; border-radius:10px; border:1px solid rgba(0,0,0,0.05); } img.logo { width:50px; height:50px; margin-top:-5px; } label { font-size:1.5em; margin-bottom:15px; } textarea { resize:none; height:200px !important; } input, textarea { margin-bottom:10px; padding-left:9px !important; } h2.contact-header { color:#35342F !important; margin-top:10px; margin-bottom:10px; } div.caption p { font-size:1.25em; } div.small-text { font-size:1em; } h4.contact-caption { margin-bottom:15px; } input[type="text"], textarea { background-color:#F1F2F0 !important; } iframe.video { width:101%; height:220px; } div.sample-panel { height:320px !important; } h3.sample-header { margin-top:5px; font-size:1.6em !important; } div.jumbotron { margin-bottom:-1px; padding-top:25px; padding-bottom:20px; } div.contact-page-left { height:410px !important; } div.contact-page-panel { height:380px !important; } #map { width:98%; height:410px; border-radius:10px; position:absolute; top:0; left:0; box-shadow:3px 3px 4px 3px rgba(0,0,0,0.6); } #contact, #services, #testimonies { padding-bottom:18vh; } #contact { padding-bottom:25vh; } #services { width:90%; margin-left:5%; margin-right:5%; } #myCarousel { box-shadow: 3px 3px 4px 3px rgba(0,0,0,0.6); } p.about-text { font-size:1em; } div.service-row { width:80%; margin-left:10%; margin-right:10%; } div.service-row h2 { color:#F1F2F0; } div.service-row h3 { font-size:2.2em; } div.item { background-size:cover; background-repeat:no-repeat; box-shadow:5px 5px 25px 5px #35342f inset; } div.item-football { background-image:url('../img/football.jpg'); } div.item-dance { background-image:url('../img/dance.jpg'); } div.item-wedding { background-image:url('../img/wedding.jpg'); } div.item-formal { background-image:url('../img/formal.jpg'); } div.item-container { color:#F1F2F0; font-size:1em; height:500px; padding-top:5%; padding-left:15%; padding-right:15%; } a.navbar-brand { text-align:center; color:#F1F2F0; } a.navbar-brand strong { font-size:1.5em; } .grad1 { background:#3880B8; /* For browsers that do not support gradients */ background:-webkit-linear-gradient(left top, #3880B8, #315F84); /* For Safari 5.1 to 6.0 */ background:-o-linear-gradient(bottom right, #3880B8, #315F84); /* For Opera 11.1 to 12.0 */ background:-moz-linear-gradient(bottom right, #3880B8, #315F84); /* For Firefox 3.6 to 15 */ background:linear-gradient(to bottom right,#3880B8, #315F84); /* Standard syntax (must be last) */ } div.footer-row { width:80%; margin-left:10%; margin-right:10%; } div.footer { background-color:#000; text-align:center; font-size:1.2em; width:100%; color:#f1f2f0; margin-top:-100px !important; margin-bottom:0px; padding-bottom:10px; padding-top:40px; position:absolute; left:0; bottom:0; } div.main-jumbo { min-height:80vh; } h2.page-title { margin-top:0; } h4.contact-header { font-size:1.5em; } div.contact-left { height:420px; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:15px; font-size:1.2em; } div.small-testimony { padding-top:10px !important; } div.med-testimony { font-size:1.05em; } span.fa { margin-right:2px; margin-bottom:15px; font-size:1.1em; } li.contact-nav { margin-top:10px; margin-left:20px; font-size:1.2em; } a.footer-link, strong.active-link { font-size:1.3em; } @media(max-width:767px) { ul.nav { text-align:center; } ul.nav li { margin-bottom:10px; } div.contact-col { max-height:none; } div.map-col { margin-top:-80px; margin-bottom:80px; } div.right-testimony, div.small-testimony, div.med-testimony { font-size:1em !important; padding-top:3px !important; } div.item-panel { margin-left:5%; margin-top:5%; width:90%; } div.item-panel h2 { font-size:2em; } div.jumbotron { padding:10px; padding-top:25px; } div.item { height:300px !important; overflow:hidden; } div.service-row { width:100%; margin-left:1%; margin-right:1%; } div.footer-row { width:98%; margin-left:1%; margin-right:1%; } div.service-row h3 { font-size:1.4em !important; } div.caption p { font-size:0.95em; } p.about-text { font-size:0.9em; } h2.contact-header { font-size:1.62em; } h4.contact-caption { font-size:1em; } label { font-size:0.8em; margin-left:-5px; margin-bottom:28px; } button.service-btn { font-size:1.2em; } #contact { padding-bottom:220px; } #map, div.contact-page-panel { margin-top:80px; height:280px; width:94%; margin-left:3%; margin-right:3%; } div.service-panel { height:auto !important; } h4.contact-header { font-size:1.4em; } div.small-text { font-size:0.95em; } div.contact-left { font-size:1em; } div.footer-nav { margin-top:20px; margin-bottom:10px; } html { padding-bottom:330px !important; } div.bottom-row { margin-top:10px; margin-bottom:30px; } textarea { height:120px !important; } } @media(min-width:768px) { div.service-row { width:98%; margin-left:1%; margin-right:1%; } div.footer-row { width:95%; margin-left:2.5%; margin-right:2.5%; } div.service-row h3 { font-size:1.35em !important; } div.contact-left { font-size:1em; height:460px !important; } div.contact-panel { height:460px !important; } p.about-text { font-size:1.05em; } h2.contact-header { font-size:2em; } li.contact-nav { font-size:0.8em; margin-top:15px; margin-left:-15px; } ul.navbar-right { margin-right:-30px !important; } ul.nav li a { font-size:0.8em; padding-left:5px; padding-right:5px; margin-left:10px; margin-right:10px; } div.testimonial-panel { height:230px; } div.testimonial-panel p { font-size:1.1em !important; } div.right-testimony { height:480px !important; font-size:1.1em !important; padding-top:10px !important; } div.small-testimony { font-size:1em; } div.med-testimony { font-size:0.95em; padding-top:3px; } html { padding-bottom:170px !important; } h4.contact-caption { font-size:0.95em; } label { font-size:0.9em; margin-bottom:28px; } div.service-row h3 { font-size:1.7em; } div.caption p { font-size:1em; } div.item-panel { margin-left:20%; margin-top:10%; width:70%; } div.item-panel h2 { font-size:2.5em; } } @media(min-width:992px) { p.about-text { font-size:1.1em; } li.contact-nav { font-size:1.2em; margin-top:10px; margin-left:-10px; } ul.nav li a { font-size:1em; padding-left:10px; padding-right:10px; margin-left:10px; margin-right:10px; } div.testimonial-panel { height:210px; } div.testimonial-panel p { font-size:1.1em !important; } div.right-testimony { height:440px !important; font-size:1.1em !important; padding-top:5px !important; } div.med-testimony { font-size:0.95em; padding-top:0; } div.small-testimony { font-size:1em; padding-top:3px !important; } h2.contact-header { font-size:2em; } h4.contact-caption { font-size:1em; } label { font-size:1em; margin-bottom:28px; } div.service-row h3 { font-size:1.8em; } div.caption p { font-size:1em; } html { padding-bottom:15vh; } div.contact-left { font-size:1em; height:465px !important; } div.contact-panel { height:465px !important; } div.service-row { width:80%; margin-left:10%; margin-right:10%; } div.item-panel { width:50%; margin-left:50%; margin-top:20px; } div.item-panel h2 { font-size:2.8em; } } @media(min-width:1080px) { li.contact-nav { margin-left:0; } ul.nav li a { font-size:1.2em; padding-left:10px; padding-right:10px; margin-left:20px; margin-right:20px; } div.contact-left { height:435px !important; } div.contact-panel { height:435px !important; } div.testimonial-panel { height:210px; } div.testimonial-panel p { font-size:1.15em !important; } div.right-testimony { height:440px !important; font-size:1.1em !important; } div.small-testimony { padding-top:5px !important; font-size:1em; } div.med-testimony { font-size:1em !important; } } @media(min-width:1200px) { div.right-testimony { height:480px !important; font-size:1.15em !important; padding-top:0 !important; } div.testimonial-panel p { font-size:1.25em !important; } img.service-img { height:200px; } div.service-panel { height:480px; } div.contact-left { height:420px !important; } div.caption p { font-size:1.1em; } div.small-testimony { font-size:1.1em; padding-top:5px !important; } div.med-testimony { font-size:1em; } div.contact-panel { height:420px !important; } div.testimonial-panel { height:230px; } } @media(min-width:1500px) { p.about-text { font-size:1.05em; } div.contact-left { font-size:1.1em; height:430px !important; } img.service-img { height:240px; } div.service-panel { height:500px; } div.contact-panel { height:430px !important; } div.right-testimony { height:460px !important; font-size:1.25em !important; padding-top:10px !important; } div.med-testimony { font-size:1.05em !important; } div.small-testimony { font-size:1.15em; } div.testimonial-panel p { font-size:1.25em !important; } div.testimonial-panel { height:220px; padding-top:0; } h4.contact-caption { font-size:1.4em; } label { font-size:1.5em; margin-bottom:15px; } div.service-row h3 { font-size:1.6em !important; } div.caption p { font-size:1.25em; } input, textarea { margin-left:-20px; } textarea { height:200px !important; } ul.nav li a { font-size:1.3em; } } @media(min-width:1800px) { p.about-text { font-size:1.1em; margin-top:-5px; } div.caption p { font-size:1.35em; } div.contact-left { font-size:1.15em; height:420px !important; } div.testimonial-panel { padding-top:15px; } div.small-testimony { font-size:1.15em !important; } div.right-testimony { font-size:1.3em !important; padding-top:25px !important; } div.contact-panel { height:420px !important; } img.service-img { height:260px; } div.service-panel { height:520px; } input, textarea { margin-left:-40px; } } @media(min-width:1900px) { div.small-testimony { font-size:1.2em !important; padding-top:20px !important; } div.med-testimony { font-size:1.1em; } } @media(max-height:750px) { html { padding-bottom:25vh; } }