body { background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%); } .banner { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); background-repeat: repeat; font-family: 'Unica One', cursive; color: #fdfdfd; } /*Change back to smaller number after closing notification is gone************************************/ #banner-top { height: 140px; } #banner-bottom { font-size: 16px; padding: 10px 2px 0px 2px; margin-top: 20px; } #banner-top h1{ padding-top: 70px; font-size: 22px; } #banner-bottom h1{ padding: 45px 5px 0px 5px; bottom: 0; } #banner-bottom a:focus { color: #337ab7; text-decoration: none; } #banner-bottom a:hover { text-decoration: none; } #page1 { height: 300px; } .city-background { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486578935/compphoto8_ax7u8s.jpg") no-repeat center center fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page3 { height: 1200px; } #page4 { height: 450px; width: 100%; margin: none !important; padding: none !important; } #page5 { height: 500px; } .textile { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); margin-top: 15px; padding-top: 20px; padding-bottom: 10px; } /*Navbar styling*/ .navbar-inverse .navbar-nav>li>a { color: #fdfdfd; font-family: 'Unica One', cursive; } .navbar-inverse .navbar-nav { background: rgba(13, 13, 13, 0.65); margin: 7px 0px 0px 0px; border-top: solid 2px #1a1a1a; border-bottom: solid 2px #1a1a1a; } .navbar-brand { cursor: default; } .navbar-inverse { background: #1b7191; border: none; border-bottom: solid 2px #1a1a1a; border-radius: 0; } .navbar-inverse .navbar-brand { font-family: 'Unica One', cursive; font-size: 30px; text-decoration: none; float: none; } .navbar-brand:focus, .navbar-brand:hover { color: #9d9d9d !important; } .container-fluid { padding-right: 0px; padding-left: 0px; } .navbar-header { padding: 8px 0px 0px 15px; } .fab { color: #9d9d9d; padding: 5px 5px 0px 5px; } #soc-media { list-style-type: none; padding: 0px; } #facebook,#twitter,#instagram { text-shadow: 3px 3px 2.5px #1a1a1a; } li { display: inline; } /*End Navbar styling*/ /*Page one Styling*/ #info { background-color: rgba(7, 136, 155, 0.95); border: solid 2px #1a1a1a; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #1a1a1a; padding: 10px 10px 10px 10px; } #info p { margin-bottom: 15px; text-indent: 40px; } #services-para { padding-bottom: 10px; } #title { font-size: 25px; font-family: 'Unica One', cursive; } #info img { border: solid 2px #1a1a1a; border-radius: 50%; margin: 0 auto; } .org-photo { border-radius: 2.5% !important; } .org-photo1 { border: none !important; border-radius: 2.5% !important; } .org-photo-wrap { padding-bottom: 15px; padding-top: 10px; } /* Gradient transparent - color - transparent */ hr.style-one { border: 0; height: 3px; background-image: linear-gradient(to right, rgba(26, 26, 26, 0), rgba(26, 26, 26, 0.75), rgba(26, 26, 26, 0)); } hr.style-two { border: 0; height: 3px; background-image: linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.75), rgba(242, 242, 242, 0)); } hr { margin-top: 10px !important; margin-bottom: 10px !important; } #success_message { display: none; } .img-thumbnail { margin-top: 10px; background-color: transparent !important; } .row { margin: 0 auto } #header-label { font-family: 'Unica One', cursive; font-size: 28px; color: #1a1a1a; } #header-label-bottom { font-family: 'Unica One', cursive; font-size: 28px; color: #fdfdfd; margin-top: 25px; } .well { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); color: #fdfdfd; border-color: #1a1a1a; } legend { color: #fdfdfd; font-family: 'Unica One', cursive; font-size: 30px; } .info-wrapper { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); background-repeat: repeat; color: #e4d360; text-align: center; font-family: 'Unica One', cursive; margin-top: 10px; font-size: 14px; width: auto; float: none; } .promo-header { font-family: 'Unica One', cursive; padding-top: 15px; } .link-style1 { color: #fdfdfd; } .link-style1:hover, .link-style1:focus, .link-style1:visited { color: #fdfdfd; } #services { padding-left: none; padding-right: none; } #service-table { position: relative; background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); background-repeat: repeat; margin-top: 5px; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; border-top: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; } table { background: rgba(13, 13, 13, 0.65); } tbody { color: #fdfdfd; } table, th { text-align: center; padding-top: 3.5px; } th { font-size: 19px; font-family: 'Unica One', cursive; color: #e4d360; text-align: left; padding-bottom: 5px; border-bottom: 5px solid #1a1a1a; } table td + td { text-align: right; } td { font-size: 14px; } .table>tbody>tr>td { border: none !important; } #cuts { text-align: left; } #color { text-align: left; } #perm { text-align: left; } #styling { text-align: left; } #waxing { text-align: left; } #conditioning { text-align: left; } /*Google maps responsive div styling*/ .map { width: 100%; height: 500px; } .map-wrap { position: relative; } .overlay { width: 100%; min-height: 500px; position: absolute; top: 0; } /*Contact Form Styling*/ .form-font { color: #fdfdfd; font-family: 'Unica One', cursive; font-size: 16px; } #contact-header { font-size: 25px; } /*Hide antispam field*/ #check { display: none; } #pad1 { padding-top: 10px; padding-bottom: 15px; } #pad2 { padding-top: 10px; padding-bottom: 10px; } .full-border { border: 2px solid #1a1a1a; } .phone-form { color: #fdfdfd; } .phone-style:hover { text-decoration: none; } #phone-style-desktop { display: none; } #phone-style-mobile { display: inline; } .picture-wrapper { padding-bottom: 50px; padding-top: 10px; height: auto; } .carousel-controls { position: relative; width: 250px; margin: 0 auto; } .carousel-indicators { top: 10px; } .carousel-indicators li { background-color: #1a1a1a !important; border: 1.5px solid #fdfdfd !important; } .carousel-indicators .active { background-color: #fdfdfd !important; border: 3px solid #1a1a1a !important; } .carousel-control .glyphicon-chevron-right { margin-top: 10px !important; } .carousel-control .glyphicon-chevron-left { margin-top: 10px !important; } .carousel-inner h3 { font-size: 20px; font-family: 'Unica One', cursive; } #photo-wrapper-title h2 { font-family: 'Unica One', cursive; color: #1a1a1a; } .modal-content { color: #fdfdfd; font-family: 'Unica One', cursive; background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486579180/compphoto10_a1ihfg.png"); } .close { color: #fdfdfd !important; opacity: 1 !important; } .modal-dialog { margin-top: 200px !important; } /*iPhone 5 and similar phone size styling only*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { #page3 { height: 1300px; } .navbar-inverse .navbar-brand { font-size: 26px; } } /*iPad Pro styling*/ @media screen and (min-width: 1023px) and (max-width: 1025px) { #page1 { height: 750px; } } /*iPad styling*/ @media screen and (min-width: 767px) and (max-width: 769px) { #banner-top { height: 190px; } #banner-top h1 { padding-top: 95px; } #page3 { height: 1000px; } .border-right-ipad { border-right: solid 2px #1a1a1a; } .border-left-ipad { border-left: solid 2px #1a1a1a; } .navbar-inverse .navbar-nav { border-bottom: none; } #soc-media { padding-top: 10px; } } @media screen and (max-width: 767px){ .table-responsive { border: none; } } /*Desktop formatting adjustments*/ @media (min-width: 769px) { .navbar-nav { float: right; } #soc-media { float: right; margin: 8px 0px 0px 0px; } .navbar-inverse .navbar-nav { border-top: solid 2px #1a1a1a; border-left: solid 2px #1a1a1a; border-bottom: none; } .border-right { border-right: solid 2px #1a1a1a; } #banner-top { height: 200px; } #banner-top h1{ padding-top: 90px; font-size: 35px; } #banner-bottom { font-size: 18px; } #banner-top br { display: none; } #info-image { margin: none; } #page3 { height: 1000px; } #page5 { height: 800px; } #title { font-size: 35px; margin-top: 20px; } #info { font-size: 20px; font-weight: normal; margin-top: 100px; margin-bottom: 50px; } .promo-info { font-size: 18px; } #info-wrapper { margin-top: 10px; margin-right: 35px; margin-left: 35px; font-size: 19px; } .info-wrapper { font-size: 16px; } #appointment-text { font-size: 15px; } #header-label-bottom { font-size: 40px; padding-top: 15px; } #header-label { font-size: 40px; padding-top: 15px; } #hair-photo { display: none; } .intro-text { padding: 0px 5px 0px 15px; } .form-font { font-size: 20px; } #contact-header { font-size: 40px; } .img-thumbnail { margin-top: 30px; color: #fdfdfd !important; padding: 4px !important; } .controls { padding-top: 5px; } #pad1 { padding-top: 25px; padding-bottom: 10px; } hr { margin-top: 15px !important; margin-bottom: 15px !important; } td { font-size: 16px; } } @media screen and (min-width: 767px) { #phone-style-mobile { display: none; } #phone-style-desktop { display: inline; color: #fdfdfd; } } @media screen and (min-width: 1025px) { body { background: url("https://res.cloudinary.com/dbcmogstx/image/upload/v1486578935/compphoto8_ax7u8s.jpg") no-repeat center center fixed; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } }