body { background-color: #c8c8c8; color: #e6e6e6; } #square {position: absolute; height: 640px; color:#e6e6e6; left: 50%; display: none; } h1 {margin:1px 0 0 0;} h2 {margin:6px 0 0 0;} h3 {font-family: helvetica; margin:5px 0 0 0; color: #969696; } p {font-family: Helvetica; color:#505050; line-height: 25px; margin-left:30px; margin-right: 30px; } a:link{color: #e6e6e6;} a:hover{color:#969696; text-decoration: none; outline:none;} a:{color:#FFFFFF; text-decoration: none; outline:none;} a.class1:link {color: #969696; text-decoration: underline;} a.class1:hover {color:#505050; text-decoration: none; outline:none;} a.class1:visited {color:#969696; text-decoration: none; outline:none;} a.class2 {color:#e6e6e6; text-decoration: none; outline:none;} a.class2:hover {color:#969696; text-decoration: none; outline:none;} a.class3 {color:#505050; text-decoration: none; outline:none;} a.class3:hover {color:#969696; text-decoration: none; outline:none;} a.class4:link {color:#505050; text-decoration: underline; outline:none;} a.class4:hover {color:#FFFFFF; text-decoration: none; outline:none;} a.class4:visited {color:#969696; text-decoration: none; outline:none;} #hider{position: absolute; width: 30px; height: 540px; left: 0px; top: 0px; background-color:#e6e6e6; z-index: 90;} #notes{position: absolute; top: 425px; left: 910px; height: 50px; width: 50px; font-size: 25px; text-align: left; z-index: 90; } #contact {position: absolute; width: auto; height: auto; font-size: 25px; border: 0px; top: 650px; left: 130px;} #portfolio {left:255px; width: 81px; height: 19px; } #options {position: absolute; width: auto; height: auto; font-size: 25px; border: 0px; top: 650px; left:340px; width: 199px; height: 19px; } #testimonials {left:400px; width: 120px; height: 16px; } #blog {left:600px; width: 50px; height: 16px; } #about {left:690px; width: 50px; height: 16px; } #home {left:790px; width: 72px; height: 15px; } .buttons {position: absolute; top: 650px; width: auto; height: auto; font-size: 25px; border: 0px; } #label {position: absolute; text-align: left; font-size: 40px; letter-spacing: 0px; left: 105px; top: 550px; } #label2 {position: absolute; text-align: left; font-size: 25px; letter-spacing: 0px; left: 105px; top: 550px; height:auto; width:380px; } #label3 {position: absolute; text-align: left; font-size: 15px; letter-spacing: 0px; left: 105px; top: 550px; height:auto; width:450px; } #label-port {position: absolute; text-align: left; font-size: 40px; letter-spacing: 0px; left: 755px; top: 540px; } #label-aa {position: absolute; text-align: left; font-size: 18px; letter-spacing: 0px; left: 105px; top: 585px; height:auto; width:400px; } #label-ka {position: absolute; text-align: left; font-size: 15px; letter-spacing: 0px; left: 105px; top: 580px; height:auto; width:400px; } #label-jb {position: absolute; text-align: left; font-size: 18px; letter-spacing: 0px; left: 105px; top: 585px; height:auto; width:400px; } #label-kb {position: absolute; text-align: left; font-size: 15px; letter-spacing: 0px; left: 105px; top: 580px; height:auto; width:320px; } #label-mc {position: absolute; text-align: left; font-size: 18px; letter-spacing: 0px; left: 105px; top: 580px; height:auto; width:280px; } #label-mc2 {position: absolute; text-align: left; font-size: 23px; letter-spacing: 0px; left: 105px; top: 550px; height:auto; width:380px; } #label-nm {position: absolute; text-align: left; font-size: 20px; letter-spacing: 0px; left: 105px; top: 565px; height:auto; width:400px; } /*---schaub--*/ #label-md {position: absolute; text-align: left; font-size: 15px; letter-spacing: 0px; left: 45px; top: 565px; height:auto; width:440px; } /*---404--*/ #oh{position: absolute; left: 200px; top: 200px; width: 590px; height: 420px; border: 0px; font-size: 20px; line-height: 10px;} /*---blog--*/ #blog-text{position: absolute; left: 130px; top: 200px; width: 800px; height: 420px; border: 0px; font-size: 20px; line-height: 10px;} /*---testimonials--*/ #opttext{position: absolute; top:130px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #label-testimonials {position: absolute; text-align: left; font-size: 40px; letter-spacing: 0px; left: 700px; top: 550px; } #testimonials-text {position: absolute; font-size: 15px;height: 100px; width:510px; top: 330px; left:500px;} #testimonials-pic {position: absolute; height: 320px; width:480px; top: 0px; left:520px; border-top-right-radius: 20px;} #next { position: absolute; height:100px; width: 300px; top:580px; left: 400px; display: none:} #prev { position: absolute; height:100px; width: 300px; top:580px; left: 40px; display: none:} .comment-arrows{font-size: 25px;} #comments{position: absolute; top:0%; left: 20px;} #t0 {margin-top: 80px;} #t1 {margin-top: 30px;} #t2 {margin-top: 50px;} #t3 {margin-top: 50px;} #t4 {margin-top: 80px;} #t5 {margin-top: 80px;} #t6 {margin-top: 50px;} #t7 {margin-top: 10px; font-size: 12px} #t8 {margin-top: 60px;} #t9 {margin-top: 50px;} .comments-text{ font-size: 15px; height:100px; width: 500px; display: none:} /*---portfolio--*/ #x1y3 {position: absolute; left: 40px; top: 50px; width:168px; height:112px; } #wedding-01-text { } #x2y3 {position: absolute; left: 228px; top: 50px; width:168px; height:112px; } #wedding-02-text { } #x3y3 {position: absolute; left: 416px; top: 50px; width:168px; height:112px; } #wedding-03-text { } #x4y3 {position: absolute; left: 605px; top: 50px; width:168px; height:112px; } #wedding-04-text { } #x5y3 {position: absolute; left: 793px; top: 50px; width:168px; height:112px; } #wedding-05-text { } /*______________________________________*/ #x1y2 {position: absolute; left: 40px; top: 180px; width:168px; height:112px; } #wedding-06-text { } #x2y2 {position: absolute; left: 228px; top: 180px; width:168px; height:112px; } #wedding-07-text { } #x3y2 {position: absolute; left: 416px; top: 180px; width:168px; height:112px; } #wedding-08-text { } #x4y2 {position: absolute; left: 605px; top: 180px; width:168px; height:112px; } #wedding-09-text { } #x5y2 {position: absolute; left: 793px; top: 180px; width:168px; height:112px; } #wedding-10-text { } /*______________________________________*/ #x1y1 {position: absolute; left: 40px; top: 375px; width:168px; height:112px; } #wedding-11-text { } #x2y1 {position: absolute; left: 228px; top: 375px; width:168px; height:112px; } #wedding-12-text { } #x3y1 {position: absolute; left: 416px; top: 375px; width:168px; height:112px; } #wedding-13-text { } #x4y1 {position: absolute; left: 605px; top: 375px; width:168px; height:112px; } #wedding-14-text { } #x5y1 {position: absolute; left: 793px; top: 375px; width:168px; height:112px; } #wedding-15-text { } .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.2); } .text-placer {position: absolute; text-align: center; font-size: 18px; height: auto; width: 1000px; display:none; top:320px; left: 0px;} .text-placer-med {position: absolute; text-align: center; font-size: 21px; height: auto; width: 1000px; display:none; top:320px; left: 0px;} .text-placer-big {position: absolute; text-align: center; font-size: 25px; height: auto; width: 1000px; display:none; top:320px; left: 0px;} #portfolio-port {position: absolute; top: 420px; left: 923px; width: auto; height: auto; font-size: 22px; border: 0px;} #animator {position: absolute; top: 8%; left: 50%; width: 1000px; height: 650px; margin-left: -500px; } #logo {position: absolute; background-color: #191414; left: 0px; top: 225px; width: 1000px; height: 0px; display: none;} #ah2 {position: absolute; left:115px; top: 1px; width: 480px; height: 50px; letter-spacing: 5px; color: #787878; font-family: helvetica; font-size: 23px; } #ah1 {position: absolute; left:387px; top: 2px; width: 680px; height: 50px; letter-spacing: 2px; color: #969696; font-family: helvetica; font-size: 20px; } #logo-fixed {position: absolute; background-color: #e6e6e6; left: 0px; top: 555px; width: 1000px; height: 50px; z-index: 100;} #h2 {position: absolute; left:115px; top: 1px; width: 480px; height: 50px; letter-spacing: 5px; color: #787878; font-family: helvetica; font-size: 23px; } #h1 {position: absolute; left:387px; top: 2px; width: 680px; height: 50px; letter-spacing: 2px; color: #969696; font-family: helvetica; font-size: 20px; } #main-photo {position: absolute; left: 50px; top: 0px; width: 840px; height: 540px; border: 0px; z-index: 100} #hider-home {position: absolute; width: 50px; height: 540px; left: 50px; top: 0px; background-color:#e6e6e6; z-index: 1000; } #contact-home {position: absolute; width: auto; height: auto; font-size: 25px; border: 0px; top: 650px; left: 115px;} #portfolio-home {left:250px; width: 81px; height: 19px; } #options-home {left:390px; width: 199px; height: 19px; } #testimonials-home {left:520px; width: 120px; height: 16px; } #blog-home {left:705px; width: 50px; height: 16px; } #about-home {left:785px; width: 50px; height: 16px; } .buttons-home {position: absolute; top: 650px; width: auto; height: auto; font-size: 25px; border: 0px; } /*---------------------------------------about----------------------------------*/ #ian{position: absolute; left: 733px; top: 0px; width: 267px; height: 400px; border-top-right-radius: 20px; border: 0px; } #aboutian{position: absolute; left: 10px; top: 5px; width: 730px; height: 420px; border: 0px; font-size: 15px; line-height: 5px;} #label-about {position: absolute; text-align: left; font-size: 40px; letter-spacing: 0px; left: 790px; top: 460px; } #wwire {position: absolute; width: 55px; height: 55px; border: 0px; left: 735px; top: 550px;} #facebook {position: absolute; width: 55px; height: 55px; border: 0px; left: 800px; top: 550px;} #mbwep {position: absolute; width: 55px; height: 55px; border: 0px; left: 870px; top: 550px;} #yelp {position: absolute; width: 55px; height: 55px; border: 0px; left: 935px; top: 550px;} .rollover{opacity: 0.7; filter:alpha(opacity=70); } /* #wwire {position: absolute; width: 65px; height: 65px; border: 0px; left: 633px; top: 500px;} #facebook {position: absolute; width: 65px; height: 65px; border: 0px; left: 733px; top: 500px;} #mbwep {position: absolute; width: 65px; height: 65px; border: 0px; left: 833px; top: 500px;} #yelp {position: absolute; width: 65px; height: 65px; border: 0px; left: 920px; top: 500px;} .rollover{opacity: 0.7; filter:alpha(opacity=70);} */ /* @media only screen and (max-height: 730px) { #square {top: 3%; width: 1000px; margin-left: -500px; border-radius: 20px; background-color: #e6e6e6; } */ @media only screen and (max-height: 730px) { #square {top: 3%; width: 1000px; margin-left: -500px; border-radius: 30px; background-color: #e6e6e6; } p{ } #ian{position: absolute; left: 733px; top: 0px; width: 267px; height: 400px; border-top-right-radius: 20px; border: 0px; } #aboutian{position: absolute; left: 10px; top: 5px; width: 730px; height: 420px; border: 0px; font-size: 15px; line-height: 5px;} #wwire {position: absolute; width: 55px; height: 55px; border: 0px; left: 735px; top: 550px;} #facebook {position: absolute; width: 55px; height: 55px; border: 0px; left: 800px; top: 550px;} #mbwep {position: absolute; width: 55px; height: 55px; border: 0px; left: 870px; top: 550px;} #yelp {position: absolute; width: 55px; height: 55px; border: 0px; left: 935px; top: 550px;} .rollover{opacity: 0.7; filter:alpha(opacity=70); } /*---------------------------------------contact----------------------------------*/ #contactopt {position: absolute; top:0px; left: 0px; height: 640px; width: 1000px; background-color: #e6e6e6; opacity: .9; filter:alpha(opacity=90); z-index: 100; border-radius: 20px; display:none; } #context {position: absolute; top:130px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #opttext {position: absolute; top:10px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #phone1 {position: absolute; top:320px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #phone2 {position: absolute; top:370px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #email {position: absolute; top:270px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #contact-closer {position: absolute; font-size: 35px; top:480px; left: 800px; height: auto; width: auto; z-index: 100; display:none; } /*---------------------------------------portfolio notes----------------------------------*/ #descript {position: absolute; top:0px; left: 95px; height: 540px; width: 810px; background-color: #e6e6e6; opacity: .9; filter:alpha(opacity=90); z-index: 90; display:none; } #words {position: absolute; top:150px; left: 95px; height: 400px; width: 810px; z-index: 100; display:none; } #closer {position: absolute; top: 450px; left:810px; height: 30px; width: 90px; font-family: Helvetica; color:#ffffff; font-size: 35px; z-index: 100; display:none;} } @media only screen and (min-height: 731px) { #square {top: 7%; width: 1000px; margin-left: -500px; border-radius: 20px; background-color: #e6e6e6; } /*---------------------------------------contact----------------------------------*/ #contactopt {position: absolute; top:0px; left: 0px; height: 640px; width: 1000px; background-color: #e6e6e6; opacity: .9; filter:alpha(opacity=90); z-index: 100; border-radius: 20px; display:none; } #context {position: absolute; top:130px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #opttext {position: absolute; top:10px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #phone1 {position: absolute; top:320px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #phone2 {position: absolute; top:370px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #email {position: absolute; top:270px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #contact-closer {position: absolute; font-size: 35px; top:480px; left: 800px; height: auto; width: auto; z-index: 100; display:none; } /*---------------------------------------portfolio notes----------------------------------*/ #descript {position: absolute; top:0px; left: 95px; height: 540px; width: 810px; background-color: #e6e6e6; opacity: .9; filter:alpha(opacity=90); z-index: 90; display:none; } #words {position: absolute; top:150px; left: 95px; height: 400px; width: 810px; z-index: 100; display:none; } #closer {position: absolute; top: 450px; left:810px; height: 30px; width: 90px; font-family: Helvetica; color:#ffffff; font-size: 35px; z-index: 100; display:none;} #bump {position: absolute; width:45px; height: 100px; top: 900px; background-color: #c8c8c8;} } /*iPhones 5, 6 and 6+*/ @media screen and (device-width: 375px) , screen and (device-width: 414px) , screen and (device-width: 320px) { #square {top: 10%; width: 1140px; margin-left: -570px; border-radius: 20px; } #contact-home {position: absolute; width: auto; height: auto; font-size: 35px; border: 0px; top: 660px; left: 208px;} #portfolio-home {top: 730px; left: 208px;} #options-home {top: 800px; left: 208px;} #testimonials-home {top: 660px; left: 608px;} #blog-home {top: 730px; left: 608px;} #about-home {top: 800px; left: 608px;} .buttons-home {position: absolute; width: auto; height: auto; font-size: 35px; border: 0px; color: #e6e6e6;} #contact {position: absolute; width: auto; height: auto; font-size: 35px; border: 0px; top: 660px; left: 208px;} #portfolio {top: 730px; left: 208px;} #options {top: 800px; left: 208px;} #testimonials {top: 660px; left: 550px;} #blog {top: 730px; left: 550px;} #about {top: 730px; left: 700px;} #home {top: 660px; left: 900px;} .buttons {position: absolute; width: auto; height: auto; font-size: 35px; border: 0px; color: #e6e6e6; } #animator {position: absolute; top: 8%; left: 50%; width: 1140px; height: 650px; margin-left: -570px; } #logo {position: absolute; background-color: #191414; left: 0px; top: 225px; width: 1140px; height: 0px; display: none;} #ah2 {position: absolute; left:185px; top: 1px; width: 480px; height: 50px; letter-spacing: 5px; color: #787878; font-family: helvetica; font-size: 23px; text-align:left;} #ah1 {position: absolute; left:460px; top: 2px; width: 680px; height: 50px; letter-spacing: 2px; color: #969696; font-family: helvetica; font-size: 20px; text-align: left;} #logo-fixed {position: absolute; background-color: #e6e6e6; left: 0px; top: 555px; width: 1000px; height: 50px; z-index: 100;} #h2 {position: absolute; left:185px; top: 1px; width: 480px; height: 50px; letter-spacing: 5px; color: #787878; font-family: helvetica; font-size: 23px; text-align:left;} #h1 {position: absolute; left:460px; top: 2px; width: 680px; height: 50px; letter-spacing: 2px; color: #969696; font-family: helvetica; font-size: 20px; text-align: left;} #main-photo {position: absolute; left: 120px; top: 0px; width: 840px; height: 540px; border: 0px; z-index: 100} #hider-home {position: absolute; width: 30px; height: 540px; left: 120px; top: 0px; background-color:#e6e6e6; z-index: 1000; } /*---------------------------------------contact AND options----------------------------------*/ #contactopt {position: absolute; top:0px; left: 0px; height: 640px; width: 1140px; background-color: #e6e6e6; border-radius: 50px; border-top-right-radius: 50px; opacity: .9; filter:alpha(opacity=90); z-index: 100; display:none; } #context {position: absolute; top:130px; left: 200px; height: 250px; width: 500px; display:none; z-index: 100; } #phone1 {position: absolute; top:320px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #phone2 {position: absolute; top:370px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #email {position: absolute; top:270px; font-size: 25px; left: 250px; height: auto; width: auto; z-index: 100; display:none; } #contact-closer {position: absolute; font-size: 35px; top:490px; left: 870px; height: auto; width: auto; z-index: 100; display:none; } /*---------------------------------------portfolio notes----------------------------------*/ #descript {position: absolute; top:0px; left: 165px; height: 540px; width: 810px; background-color: #e6e6e6; opacity: .9; filter:alpha(opacity=90); z-index: 90; display:none; } #words {position: absolute; top:150px; left: 165px; height: 400px; width: 810px; z-index: 100; display:none; } #closer {position: absolute; top: 450px; left:870px; height: 30px; width: 90px; font-family: Helvetica; color:#ffffff; font-size: 35px; z-index: 100; display:none;} /*---------------------------------------testimonials----------------------------------*/ #label-testimonials {position: absolute; text-align: left; font-size: 40px; letter-spacing: 0px; left: 800px; top: 530px; } #testimonials-text {position: absolute; font-size: 15px;height: 100px; width:510px; top: 330px; left:650px;} #testimonials-pic {position: absolute; height: 320px; width:480px; top: 0px; left:660px; border-top-right-radius: 20px;} #next { position: absolute; height:100px; width: 300px; top:560px; left: 400px; display: none:} #prev { position: absolute; height:100px; width: 300px; top:560px; left: 40px; display: none:} .comment-arrows{font-size: 30px;} #bump {position: absolute; width:45px; height: 100px; left: 0px; top: 900px; background-color: #c8c8c8;} } /*iPad*/ @media (device-width: 768px) { #square {top: 3%; width: 1000px; margin-left: -500px; border-radius: 20px; } #bump {position: absolute; width:45px; height: 100px; left: 10px; top: 900px; background-color: #c8c8c8;} } /*iPhone 5 @media (device-width: 320px) { body { background-color: #ff0000; color: #e6e6e6; } #square { background-color: #ff00ff; } }*/ iphone 6 @media (device-width: 375px) { #square {top: 5%; width: 1000px; margin-left: -500px; } } /*iphone 6 plus @media (device-width: 414px) { body { background-color: #0000ff; color: #e6e6e6; } #square { background-color: #00ffff; } }*/ /*My Phone HTC Incredible 2 @media screen and (device-width: 360px), screen and (device-width: 640px) { body { background-color: #ff00ff; color: #e6e6e6; } #square { background-color: #e85b1c; width: 1000px; left: 0px; margin-left: 0px; } #portfolio-home {top: 660px; left: 208px; } #contact-home {top: 730px; left: 208px; } #options-home {top: 800px; left: 208px;} #testimonials-home {top: 870px; left: 208px;} #about-home {top: 940px; left: 208px; } .buttons-home {position: absolute; width: auto; height: auto; font-size: 35px; border: 0px; color: #e6e6e6;} } */