*{
margin: 0;
}
html, body{
height: 100%;
}
h1, h2, h3, h4, h5, h6,{
margin-bottom: 20px;
}
body{
margin: 0;
padding: 0;
font-family: sans-serif;
}
a{
text-decoration: none;
color:#ceeeee;
}
p{
line-height: 1.6em;
}
.nav{
position: fixed;
width: 100%;
background-color: rgba(0,0,0,.5);
font-family: 'Lato', sans-serif;
color: #ffffff;
list-style: none;
text-align: center;
padding: 20px 0 20px 0;
z-index: 99;
}
.nav > li {
display: inline-block;
padding-right: 50px;
}
.nav > li > a {
text-decoration: none;
color: #ceeeee;
}
.nav > li > a:hover {
color: #ffffff;
}
.sect{
height: 100%;
background-size:cover;
background-attachment: fixed;
}
.subSection{
height: 50%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
}
.subSection1{
height: 50%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection2{
height: 70%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection3{
height: 75%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.videoIntro{
position:relative;
left:50px;
top:30px;
z-index: 1;
}
.foodImages{
width:50px;
height:155px;
position:relative;
top:150px;
left:100px;
}
.foodDescription{
width:400px;
height:100px;
position:relative;
top:20px;
left:200px;
}
.image1{
width:355px;
height:355px;
position:relative;
bottom:45px;
right:-40px;
}
h7{
font-size:30px;
position:relative;
bottom:330px;
left:600px;
font-weight: bold;
color:#78b1b1;
}
.aboutDescription{
width:500px;
height:220px;
position:relative;
right:-600px;
bottom:300px;
color:#78b1b1;
}
.subSection8{
height: 70%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection9{
height: 70%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection10{
height: 75%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection11{
height: 70%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSection12{
height: 85%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.eightImage{
width:500px;
height:380px;
position:relative;
top:50px;
left:100px;
}
.eightDescription{
width:500px;
height:100px;
position:relative;
top:-200px;
left:700px;
color:black;
}
.colinIntro{
width:410px;
height:450px;
position:relative;
top:170px;
left:90px;
color:#ceeeee;
font-weight:bold;
font-size:20px;
font-family: 'Lato', sans-serif;
text-shadow: 3px 1px #282f2f;
}
.sectOne{
background-image: url(images/colin_homepage.jpg);
}
.sectTwo{
background-image: url(images/homepage2.jpg);
}
.sectThree{
background-image: url(images/icecream.jpg);
}
.sectFour{
background-image: url(images/market1.jpg);
}
.sectFive{
background-image: url(images/market2.jpg);
}
.sectSix{
background-image: url(images/market3.jpg);
}
.sectSeven{
background-image: url(images/icecream_title.jpg);
}
.sectEight{
background-image: url(images/homepage.jpg);
}
.sectNine{
background-image: url(images/creamery.jpg);
}
.sectTen{
background-image: url(images/family.jpg);
}
.sectEleven{
background-image: url(images/trail.jpg);
}
.sectTwelve{
background-image: url(images/trail2.jpg);
}
.sectBlog{
height: 100%;
}
.subSectionThird{
height: 50%;
background-color: #ceeeee;
font-family: 'Lato', sans-serif;
font-size: 18px;
position:relative;
}
.subSectionThirddescription{
width:100%;
height:100px;
position:relative;
left:75px;
color:white;
text-shadow:1px 1px #78b1b1;
font-size:45px;
}
.blogBody{
width:90%;
height:200vh;
position:relative;
top:9vh;
}
.sidebarnav{
position: relative;
font-family: 'Lato', sans-serif;
color: #ffffff;
list-style: none;
text-align:left;
padding: 20px;
z-index: 99;
}
.sidebarnav > li {
display:block;
padding:20px;
}
.sidebarnav > li > a {
text-decoration: none;
color: #86b5b5;
font-size:20px;
}
.sidebarnav > li > a:hover {
color: #fff;
}
.float-left-area {
width: 25%;
height:500vh;
position: absolute;
top:59px;
float: left;
background-color:#ceeeee;
font-color:white;
}
.float-right-area {
width: 75%;
float: left;
}
.inner-left {
padding: 5px 5px 5px 5px;
margin-right: 10px;
min-height:100vh;
}
.inner-right {
font-size: 11px;
padding: 50px 50px 50px 50px;
min-height:200vh;
}
.clear-floated { clear: both; height: 1px; font-size: 1px; line-height: 1px; padding: 0; margin: 0; }
.blogOne{
width:80%;
height:25%;
font-size:20px;
position:relative;
left:50px;
top:150px;
border-style: solid;
border-color: #ceeeee;
}
.blogImageOne{
width:300px;
height:200px;
position:relative;
top:20px;
left:10px;
}
.blogTextOne{
width:40%;
display: block;
position:relative;
bottom:170px;
left:350px;
font-size:15px;
}
.blogTwo{
width:80%;
height:25%;
font-size:20px;
position:relative;
left:50px;
top:180px;
border-style: solid;
border-color: #ceeeee;
}
.blogImageTwo{
width:300px;
height:200px;
position:relative;
top:20px;
left:10px;
}
.blogTextTwo{
width:40%;
display: block;
position:relative;
bottom:170px;
left:350px;
font-size:15px;
}
.blogThree{
width:80%;
height:25%;
font-size:20px;
position:relative;
left:50px;
top:210px;
border-style: solid;
border-color: #ceeeee;
}
.blogImageThree{
width:300px;
height:200px;
position:relative;
top:20px;
left:10px;
}
.blogTextThree{
width:40%;
display: block;
position:relative;
bottom:170px;
left:350px;
font-size:15px;
}
.indexIcons{
width:650px;
height:200px;
position:absolute;
left:275px;
top:150px;
}
.indexLink1{
width:50px;
height:150px;
position:absolute;
left:30px;
bottom:90px;
text-align: center;
}
.indexLink2{
width:50px;
height:150px;
position:absolute;
left:220px;
bottom:100px;
text-align: center;
}
.indexLink3{
width:50px;
height:150px;
position:absolute;
left:400px;
bottom:95px;
text-align: center;
}
.indexLink4{
width:50px;
height:150px;
position:absolute;
left:600px;
bottom:95px;
text-align: center;
}
h8{
position:absolute;
left:50px;
top:100px;
font-size:80px;
font-family:'Lato', sans-serif;
color:#ceeeee;
text-shadow:1px 1px #78b1b1;
}
h9{
width:40px;
height:20px;
position:relative;
left:10px;
top:10px;
font-size:40px;
font-family:'Lato', sans-serif;
color:#ceeeee;
text-shadow:1px 1px #78b1b1;
}
h10{
position:relative;
top:10px;
left:10px;
font-size:40px;
font-family:'Lato', sans-serif;
color:#ceeeee;
text-shadow:1px 1px #78b1b1;
}
h11{
position:relative;
top:10px;
left:15px;
font-size:40px;
font-family:'Lato', sans-serif;
color:#ceeeee;
text-shadow:1px 1px #78b1b1;
}
.blogIcons{
position:absolute;
bottom:760px;
}
.map{
position:absolute;
bottom:30px;
left:40px;
}
.foodIcon1{
width:50px;
height:50px;
position: absolute;
left:725px;
top:150px;
}
.foodIcon1Text{
width:350px;
height:50px;
position: absolute;
left:825px;
top:155px;
font-size:15px;
color:#78b1b1;
text-shadow:1px;
}
.foodIcon2{
width:50px;
height:50px;
position: absolute;
left:725px;
top:250px;
text-align: center;
}
.foodIcon3{
width:50px;
height:50px;
position: absolute;
left:725px;
top:350px;
}
.foodText2{
width:350px;
height:50px;
position: absolute;
left:825px;
top:255px;
font-size:15px;
color:#78b1b1;
text-shadow:1px;
}
.foodText3{
width:350px;
height:50px;
position: absolute;
left:825px;
top:360px;
font-size:15px;
color:#78b1b1;
text-shadow:1px;
}
h12{
width:100%;
height:100px;
position:relative;
left:300px;
color:white;
text-shadow:1px 1px #78b1b1;
font-size:45px;
}
h13{
width:100%;
height:100px;
position:relative;
left:400px;
color:white;
text-shadow:1px 1px #78b1b1;
font-size:45px;
}
.teal{
color:#78b1b1;
font-size:20px;
}
.tealicecream{
color:#78b1b1;
font-size:18px;
}
#video2{
width:640px;
height:360px;
position: relative;
left:60px;
top:65px;
}
#gMap2{
position:absolute;
bottom:15px;
left:40px;
}
#trailDescription{
width:400px;
height:360px;
position:absolute;
left:750px;
top:130px;
}
#tealHeader{
position:absolute;
top:20px;
left:725px;
font-size:30px;
font-family:'Lato', sans-serif;
color:#78b1b1;
text-shadow:1px 1px #5c8d8d;
}
#moreHeader{
font-size:40px;
font-family:'Lato', sans-serif;
color:#ceeeee;
text-shadow:1px 1px #78b1b1;
padding:20px 1px 1px 1px;
}
.icecreamHeader{
font-size:30px;
font-family:'Lato', sans-serif;
color:#78b1b1;
text-shadow:1px 1px #5c8d8d;
}
#icecreamScroll{
position:absolute;
left:700px;
bottom:0px;
}
.moreteal{
z-index: 1;
position:absolute;
left:700px;
bottom:100px;
width:150px;
height:30px;
color:#78b1b1;
font-size:20px;
}
.white{
color:white;
}
.disclaimer{
width:400px;
height:80px;
position: absolute;
left:200px;
top:410px;
}
.tealHome{
color:#78b1b1;
position:absolute;
width:400px;
height:250px;
left:600px;
bottom:50px;
text-shadow:1px 1px #5c8d8d;
}
.tealHome1{
color:#78b1b1;
position:absolute;
left:600px;
bottom:325px;
width:400px;
height:60px;
text-shadow:1px 1px #5c8d8d;
}
#video1blog{
width:100%;
height:60%;
position:absolute;
top:300px;
left:60px;
}
#video2blog{
width:100%;
height:60%;
position:absolute;
top:800px;
left:60px;
}
#video3blog{
width:100%;
height:60%;
position:absolute;
top:1300px;
left:60px;
}
#blog1scroll{
position:absolute;
width:450px;
height:360px;
left:700px;
bottom:61px;
}
#blog2scroll{
position:absolute;
width:450px;
height:360px;
left:700px;
bottom:61px;
}
#blog3scroll{
position:absolute;
width:450px;
height:360px;
left:700px;
bottom:61px;
}
#wordpress{
width:100%;
height:50px;
position:absolute;
top:1700px;
left:60px;
}
.trailTitle{
font-size:60px;
font-family:'Lato', sans-serif;
color:#78b1b1;
text-shadow:1px 1px #517a7a;
}
.trailteal{
width:520px;
height:380px;;
color:#78b1b1;
font-size:16px;
position:absolute;
left:20px;
}
#trailimage{
position:absolute;
left:650px;
bottom:30px;
}
.moreBody{
width:100%;
height:100%;
}
.moreAbout{
width:70%;
position:absolute;
left:320px;
top:70px;
}
#aboutMe{
width:70%;
position:absolute;
top:350px;
left:330px;
}
#favoriteFood{
width:70%;
position: absolute;
top:640px;
left:330px;
}
#walkingRolling{
width:70%;
position: absolute;
top:1020px;
left:330px;
}
#baseball{
width:70%;
position: absolute;
top:1590px;
left:330px;
}
#music{
width:70%;
position: absolute;
top:1930px;
left:330px;
}
#holidays{
width:70%;
position: absolute;
top:2400px;
left:330px;
}
.seeMore{
width:70%;
position: absolute;
top:2800px;
left:330px;
}
.tributetext{
width:700px;
height:550px;
position:absolute;
left:515px;
top:550px;
color:#78b1b1;
}
.tributeheader{
font-size:50px;
font-family:'Lato', sans-serif;
color:#78b1b1;
text-shadow:1px 1px #517a7a;
position:absolute;
left:515px;
bottom:170px;
}
#t1{
position:absolute;
top:59px;
}
#t2{
position:absolute;
top:59px;
left:300px;
}
#t3{
position:absolute;
top:59px;
left:700px;
}
#t4{
position:absolute;
top:459px;
}
#tealHeaderhome{
position:absolute;
width:380px;
bottom:400px;
left:600px;
font-size:30px;
font-family:'Lato', sans-serif;
color:#78b1b1;
text-shadow:1px 1px #5c8d8d;
}