meekdesigns new document title

@charset "utf-8"; /* Global Styles */ #container {width:1200px; margin:auto; background-color:#CDCDCD; min-height:800px; position:relative;} #header {width:100%; background-color:#FFFFFF; height:150px;} #tagline {padding-left: 200px; width:1200px; height: 50px;align: left; color: #ffc74d;font-size: 36px; padding-top:60px; font-style: bold;text-shadow: 2px 2px 2px #F7FF09;} #logo {display: block; position:absolute; left:0px; } #Navcontainer {padding-left: 0px;text-align:center;} #navigation {position: absolute;background-color:white; width:auto; top:150px; height:35px;} #Home {float:left; margin-left: 300px; padding:8px; border-width: 1px; outline: 1px solid #0099cb;font-family:Rockwell, "Rockwell Extra Bold", "Rockwell Condensed"} #Portfolio {float:left;margin-left: 20px;padding:8px; border-width: 1px; outline: 1px solid #0099cb;font-family:Rockwell, "Rockwell Extra Bold", "Rockwell Condensed"} #AboutMe {float:left; margin-left: 20px;padding:8px; border-width: 1px; outline: 1px solid #0099cb;font-family:Rockwell, "Rockwell Extra Bold", "Rockwell Condensed"} a {color: #0099cb;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} body { margin-left: auto; margin-right: auto; width: 92%; max-width: 960px; padding-left: 2.275%; padding-right: 2.275%; } /* Header */ header { text-align: center; display: block; } header .profileLogo .logoPlaceholder { background-color: rgba(208,207,207,1.00); width: 187px; text-align: center; } header .logoPlaceholder span { width: 80px; height: 22px; font-family: 'Montserrat', sans-serif; color: rgba(255,255,255,1.00); font-size: 30px; font-weight: 700; line-height: 53px; } header .profilePhoto { background-color: rgba(237,237,237,1.00); width: 259px; border-radius: 50%; height: 259px; clear: both; } header .profileHeader h1 { font-family: 'Montserrat', sans-serif; color: rgba(146,146,146,1.00); font-size: 30px; font-weight: 700; line-height: 24px; } header .profileHeader h3 { font-family: sans-serif; color: rgba(146,146,146,1.00); font-size: 16px; font-weight: 700; line-height: 24px; } hr { background-color: rgba(208,207,207,1.00); height: 1px; } header .profileHeader p { font-family: sans-serif; color: rgba(146,146,146,1.00); font-size: 14px; font-weight: 400; line-height: 1.8; overflow-y: auto; } header .socialNetworkNavBar { text-align: center; display: block; margin-top: 60px; clear: both; } header .socialNetworkNavBar .socialNetworkNav { border-radius: 50%; cursor: pointer; } header .socialNetworkNavBar .socialNetworkNav img:hover { opacity: 0.5; } /* Main Content sections */ .mainContent .section1 { display: block; } .section1 .sectionTitle, .section2 .sectionTitle { font-family: 'Montserrat', sans-serif; color: rgba(146,146,146,1.00); font-size: 18px; font-weight: 700; text-transform: uppercase; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { margin: 0 3% 0 0; float: left; clear: both; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { background-color: rgba(208,207,207,1.00); height: 1px; padding: 0px; } .mainContent .section1 .section1Content { font-family: ProximaNova; font-size: 14px; font-weight: 100; color: rgba(208,207,207,1.00); } .mainContent .section1 .section1Content span { color: rgba(146,146,146,1.00); font-family: sans-serif; } .section2 .sectionContentTitle { font-family: sans-serif; color: rgba(146,146,146,1.00); font-size: 18px; font-weight: 700; } .section2 .sectionContentSubTitle { font-family: sans-serif; color: rgba(68,67,67,1.00); font-size: 14px; font-weight: 400; } .section2 .sectionContent { font-family: sans-serif; color: rgba(146,146,146,1.00); font-size: 14px; font-weight: 400; line-height: 1.8; } .mainContent { display: block; } .mainContent .externalResourcesNav .externalResources { background-color: rgba(208,207,207,1.00); display: inline-block; text-align: center; margin-top: 0px; padding-top: 3%; cursor: pointer; } .mainContent .externalResourcesNav .externalResources:hover { background-color: rgba(153,153,153,1.00); } .externalResourcesNav .externalResources a { font-family: 'Montserrat', sans-serif; color: rgba(255,255,255,1.00); font-size: 14px; font-weight: 400; line-height: 18px; text-decoration: none; } .stretch { content: ''; display: inline-block; margin-left: 2%; margin-right: 2%; } /* Footer */ footer .footerDisclaimer { font-family: sans-serif; font-size: 14px; line-height: 18px; color: rgba(104,103,103,1.00); font-weight: 700; } footer .footerDisclaimer span { color: rgba(181,178,178,1.00); font-weight: 400; } footer .footerNote { font-family: sans-serif; font-size: 14px; line-height: 18px; color: rgba(104,103,103,1.00); font-weight: 700; } footer .footerNote span { color: rgba(181,178,178,1.00); font-weight: 400; } /* Media query for Mobile devices*/ @media only screen and (min-width : 285px) and (max-width : 480px) { /* Header */ header { width: 100%; float: none; } header .profileLogo .logoPlaceholder { display: inline-block; } header .profilePhoto { display: inline-block; } header .profileHeader { text-align: center; margin-top: 10%; } header .profileHeader p { text-align: justify; } header .socialNetworkNavBar { text-align: center; display: block; margin-top: 60px; clear: both; margin-bottom: 15%; } header .socialNetworkNavBar .socialNetworkNav { width: 60px; height: 60px; display: inline-block; margin-right: 23px; } /* Main content sections */ .mainContent .section1 { text-align: center; margin-bottom: 10%; } .section1 .section1Title, .section2 .section1Title { text-align: center; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 100%; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { display: none; } .mainContent .section1 .section1Content { display: inline-block; text-align: left; font-family: sans-serif; } .mainContent .section2 { display: block; text-align: center; } .section2 .section2Content { margin-top: 10%; text-align: justify; margin-bottom: 10%; } .mainContent .externalResourcesNav { margin-bottom: 10%; } .mainContent .externalResourcesNav .externalResources { width: 100%; height: 35px; } /* Footer */ footer { display: block; text-align: center; font-family: sans-serif; } } /* Media Query for Tablets */ @media only screen and (min-width : 481px) and (max-width : 1024px) { /* Header */ header { width: 100%; float: none; } header .profileLogo .logoPlaceholder { display: inline-block; font-family: 'Montserrat', sans-serif; } header .profilePhoto { float: left; clear: both; margin-right: 3%; margin-top: 5%; } header .profileHeader { text-align: left; margin-top: 7%; } header .socialNetworkNavBar .socialNetworkNav { width: 74px; height: 74px; display: inline-block; margin-right: 23px; } /* Main content and sections */ .section1 .section1Title, .section2 .section1Title { text-align: center; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 100%; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { display: none; } .mainContent .section1 .section1Content { display: block; margin: 0% 0% 0% 20%; font-family: sans-serif; margin-top: 5%; margin-bottom: 5%; } .mainContent .section2 { clear: both; } .section2 .section2Content { padding: 0px; margin-left: 20%; font-family: sans-serif; margin-top: 5%; margin-bottom: 5%; } .mainContent .externalResourcesNav { margin-left: 20%; margin-top: 40px; margin-bottom: 40px; text-align: center; padding-top: 0px; clear: both; } .mainContent .externalResourcesNav .externalResources { width: 199px; height: 48px; margin-top: 5%; } /* Footer */ footer .footerDisclaimer { float: left; margin-left: 3%; font-family: sans-serif; } footer .footerNote { float: right; margin-right: 3%; font-family: sans-serif; } } /* Desktops and laptops */ @media only screen and (min-width:1025px) { /* Header */ header .profileLogo .logoPlaceholder { float: left; margin-bottom: 50px; } header .profilePhoto { float: left; clear: both; margin-right: 3%; } header .profileHeader { text-align: left; padding-top: 10%; } header .socialNetworkNavBar .socialNetworkNav { width: 74px; height: 74px; display: inline-block; margin-right: 23px; } /* Main content sections */ .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 22.5%; } .mainContent .section1 .section1Content { display: block; margin-top: 0%; margin-right: 0%; margin-left: 26%; margin-bottom: 0%; font-family: sans-serif; } .mainContent .section2 { clear: both; } .section2 .section2Content { padding: 0px; margin-left: 26%; font-family: sans-serif; } .mainContent .externalResourcesNav { margin-top: 40px; margin-bottom: 40px; text-align: center; padding-top: 0px; clear: both; } .mainContent .externalResourcesNav .externalResources { width: 199px; height: 48px; } /* Footer */ footer .footerDisclaimer { float: left; margin-left: 3%; font-family: sans-serif; } footer .footerNote { float: right; margin-right: 3%; font-family: sans-serif; } }