/***FONT STYLES***/ p.text-muted{ font-size: 12px; } a{ text-decoration: none; color:black; font-family: 'Montserrat'; font-weight: 300; } #socialmediacontact a{ text-decoration: none; } a:hover{ color:#e4bb49; opacity: .75; text-decoration: none; } a:active{ color: white; opacity: .75; background-color:#e4bb49; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; line-height: 1.4em; margin-top: 1%; } h1{ font-size: 275px; line-height: 1.1em; font-family: 'Montserrat'; font-weight: 200; } h2{ font-family: 'Montserrat'; font-weight: 500; width: 45%; margin: 50px auto 50px auto; font-size: 72px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } #page-wrappercontact{ margin-top: 5%; } #donate{ width:100%; margin:auto; align-content: center; } #donatebutton{ float: left; width: 40%; padding-left: 25%; } #donateparagraph h4{ color:#e4bb49; } #donateinsideblock{ margin: auto; align-content: center; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 48px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ margin-top: 5%; font-family: 'Montserrat'; font-weight: 500; font-size: 36px; line-height: 1.3em; } #heading{ width: 100%; height: 200px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #menusize{ width: 350px; position: fixed; top: 25px; right: 0%; color: white; font-size: 3em; } #titlenamelink{ font-size: 36px; line-height:1.2em; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 15px; position: absolute; top:-15px; } #titlenamelink a{ color: white; } /***ADVISERS STYLES***/ #guidance h3{ font-size: 36px; width: 100%; padding: 0 10% 5% 10%; font-weight: 500; text-align: center; font-style: italic; } #buntingpic{ width: 18%; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 350px; } #keltnerpic{ width: 18%; clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 250px; } #thurmanpic{ width: 18%; clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 100px; } #zeppapic{ width: 18%; clear:left; float:left; margin-right: 5%; padding-top: 0; margin-bottom: 100px; } #zeppatext{ padding-bottom: 25px; } #zurickpic{ width: 18%; clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 150px } #zuricktext{ padding-top: 190px; margin-bottom: 50px; } .guidance{ margin: auto 75px; text-align: center; } /***NEWS***/ #blog{ height: 1500px; width: 100%; } /***HOMESTYLES***/ #indexmenu{ position: fixed; top:5%; right: 5%; font-size: 1.5em; width: 350px; } #landing img{ width: 80%; position: absolute; top:10%; left: 5%; } #homecontent{ background-color: white; z-index: 10000000; padding-top: 80px; padding-left: 5%; padding-right: 5%; width: 100%; } #landingbutton{ clear: both; position: absolute; top:18%; left: 42%; margin-top: 10% ; margin-left: 2.5%; } #landingbutton a{ padding:25px 50px 25px 50px; } #footerbuttonbox a{ padding-left:65px; padding-right:65px; padding-bottom: 15px; padding-top: 15px; text-decoration: none; font-family: 'Montserrat'; } #footerbuttonbox { margin:25px; } .button { background-color:transparent !important; border:1.5px solid #e4bb49 ; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:5%; margin-bottom: 0; margin-left: 17%; line-height: 1.2em; font-style: italic; font-weight: 500; width:65%; color:#e4bb49; font-size: 48px; } .quoted{ margin-top: 15px; margin-bottom: 200px; line-height: 1.4em; font-style: italic; text-align: right; float: right; width: 45%; color:#e4bb49; font-size: 48px; } #trailer{ margin-top: 5%; margin-left: 30%; } #trailerhead{ text-align: center; font-size: 72px; font-weight: 500; } #homeparagraph{ clear: both; } #homeparagraph p{ font-size: 16px; width: 50%; } #k5 img{ width: 25%; float: right; margin-right: 0; margin-bottom: 5%; margin-left: 5%; } /***TEAM STYLES***/ #wholeteam{ width: 100%; margin: auto; } .caption{ text-align: center; } #dara p{ } #darapic{ float: left; margin-right: 80px; margin-bottom: 50px; } .teamtext{ margin-right: 5%; } #michael{ clear:left; padding-top: 80px; margin-right: 5%; } #michaelpic{ float: left; margin-right: 80px; margin-bottom: 80px; } #michaeltext{ margin-top: -80px; } #haws{ clear:left; padding-top: 50px; } #hawspic{ float: left; margin-right: 80px; padding-top: 50px; } #hawstext{ margin-right: 5%; } /***STORY STYLES***/ #bhutanmap{ margin-bottom: 5%; float:left; margin-right: 5%; width: 50%; } #kingbow{ clear:left; float:right; padding-top: 35px; margin-left: 5%; margin-bottom: 5%; width: 30%; } #kingbowtext{ clear:left; padding-top: 50px; } #kingbowtwo{ clear:right; float:left; padding-top: 25px; margin-right: 5%; margin-bottom: 5%; width: 30%; } #kingbowtwotext{ clear:right; padding-top: 50px; } #stadium{ clear:left; float:right; margin-top: 50px; margin-left: 6%; margin-bottom: 5%; width: 30%; } #stadiumtext{ clear:left; padding-top: 50px; } #stadiumtwo{ clear:right; float:left; padding-top: 25px; margin-right: 5%; margin-bottom: 5%; width: 30%; } #stadiumtwotext{ clear:right; padding-top: 50px; } /***STORE STYLES***/ .storeitem{ width: 45%; float: left; margin:25px 25px 75px 25px; } #storeitem1 #storeitem3{ margin-left: 4%; } .storeitem img{ width: 90%; padding-bottom: 25px; } .storeitem a{ color: #e4bb49; font-weight: 800; } .storeitem a:hover { color: #000; } /***CONTACT STYLES***/ #contactlist{ margin-top: 25px; margin-bottom: 25px; padding-left: 0; } #contactlist li{ list-style-type: none; } #pleasesubmit{ text-align: center; margin-bottom: 50px; font-weight: 300; font-style: italic; } #contactform{ margin-top: 50px; text-align: left; margin-bottom: 150px; } #meaningfulwaycontact{ width: 50%; float: right; margin-left: 15%; margin-bottom: -2%; } #meaningfulwaycontact img{ width: 80%; height: 80%; } #meaningfulwaycontact a:hover{ color: white; font-style: normal; } /***CHARACTER STYLES***/ #peopleofbhutanpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #peopleofbhutan p{ margin-right: 5%; } .characterimage{ width: 25%; } #hismajesty{ clear: both; } #hismajesty p{ margin-right: 5%; } #hismajestypic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #farmer{ clear: both; } #farmer p{ margin-right: 5%; } #farmerpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #ombar{ clear: both; } #ombar p{ margin-right: 5%; } #ombarpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #hismajestyfourth{ clear:both; } #hismajestyfourth p{ margin-right: 5%; } #hismajestyfourthpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #highschool{ clear: both; } #highschool p{ margin-right: 5%; } #highschoolpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #dasho{ clear: both; } #dasho p{ margin-right: 5%; } #dashopic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #thinley{ clear: both; } #thinley p{ margin-right: 5%; } #thinleypic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 60px } #rutland{ clear: both; } #rutland p{ margin-right: 5%; } #rutlandpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #bbs{ clear: both; } #bbs p{ margin-right: 5%; } #bbspic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #dorji p{ margin-right: 5%; } #kelzang{ clear:both; } #kelzang p{ margin-right: 5%; } #kelzangpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #yanka{ clear: left; float: left; } #atrologerpic{ float: left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #yankatext{ margin-top: -45px; } #yanka p{ margin-right: 6%; } #thurmancharacter{ clear: both; } #thurmancharacter p{ margin-right: 6%; } #thurmancharacterpic{ margin-right: 5%; float: left; margin-bottom: 50px; } #teamcreditimages{ float: left; margin-top: 150px; margin-bottom: 5%; margin-right: 5%; width:30%; } .restofteam img{ width: 80%; margin: 5%; } #credits{ float: right; text-align: center; margin-top: 150px; padding: 2% 10% 5% 10%; border: 3px solid #d4d4d4; border-radius: 25px; margin-bottom: 50px; } #credits h3{ font-size: 48px; margin-bottom:50px; color:#e4bb49; line-height: 1.5em; border-bottom: 1.5px solid #969696; } #credits h4{ margin-top: 65px; } #credits li{ list-style: none; } /***FILMMAKER MESSAGE***/ #darathimphu{ width: 40%; margin-left: 30%; margin-bottom: 25px; } /***ADVISERS STYLES***/ .advisertext{ margin-right:10%; margin-bottom: 300px; } #guidance h3{ font-size: 36px; width: 100%; padding: 0 10% 5% 10%; font-weight: 500; text-align: center; font-style: italic; } #buntingpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 150px } #keltnerpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 250px } #thurmanpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 100px } #zeppapic{ clear:left; float:left; margin-right: 5%; padding-top: 0; margin-bottom: 100px } #zeppatext{ padding-top: 1px; } #zurickpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 150px } #zuricktext{ padding-top: 20px; margin-bottom: 150px; } .guidance{ margin: auto 75px; text-align: center; } /***FOOTER***/ footer{ height: 300px; width: 100%; background-color: #e4bb49; clear:both; padding: 3% 5%; margin-top: 75px; } #meaningfulway{ width: 50%; margin-right: 15%; float: left; } #meaningfulway img{ float: left; margin-right: 25px; } #mwp{ padding-top: 3%; } .footerbutton{ margin-top:10px; } .footerbutton a{ width: 15% !important; font-size: 30px !important; color: #fff !important; border:1.5px solid white !important; padding:20px 15px 25px 15px !important; margin:0 auto 15px auto !important; text-align: center !important; } .footerbutton a:hover { color: white; opacity: .5; } .smicons{ width:50px; margin-left: 40px; margin-top: 25px; } #socialmedia a:hover{ opacity: .75; } /****media queries***/ @media only screen and (max-width: 2001px), only screen and (max-device-width: 4000px) { #heading{ height: 95px; } #menusize{ font-size: 1.5em; } #titlenamelink{ font-size: 40px; padding-top: 35px; } #meaningfulwaycontact{ width: 50%; float: right; margin-left: 15%; position: relative; top:-350px; left: 0px; margin-bottom: -5%; } #meaningfulwaycontact img{ width: 50%; height: 50%; } #meaningfulwaycontact a:hover{ color: white; font-style: normal; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } } @media only screen and (max-width: 1401px), only screen and (max-device-width: 1950px) { .advisertext{ margin-right:0; margin-bottom: 0; } /***FONT STYLES***/ a{ text-decoration: none; color:black; font-family: 'Montserrat'; font-weight: 300; } #socialmediacontact a{ text-decoration: none; } a:hover{ color:#e4bb49; opacity: .75; text-decoration: none; } a:active{ color: white; opacity: .75; background-color:#e4bb49; } p{ font-size: 18px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; } h1{ font-size: 175px; line-height: 1.1em; font-family: 'Montserrat'; font-weight: 200; } h2{ font-family: 'Montserrat'; font-weight: 500; width: 45%; margin: 50px auto 50px auto; font-size: 48px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 45%; margin: 25px auto 80px auto; font-size: 48px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 36px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 75px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #headingcontact{ width: 100%; height: 75px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelinkcontact{ font-size: 36px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; position: absolute; top:0; color: white; } #titlenamelinkcontact a{ color: white; } #titlenamelinkcontact a:hover{ text-decoration: none; } #titlenamelink{ font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 25px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ font-size:1.5em; position: fixed; top: 18px; right: -5%; } /***NEWS***/ #blog{ height: 1200px; } /***HOMESTYLES***/ #indexmenu{ position: fixed; top:5%; right: 5%; font-size: 1.5em; width: 350px; } #landing img{ width: 80%; position: absolute; top:5%; left: 5%; } #homecontent{ background-color: white; z-index: 10000000; padding-top: 200px; padding-left: 5%; padding-right: 5%; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } #landingbutton{ clear: both; position: absolute; top:15%; left: 38%; margin-top: 10% ; margin-left: 2.5%; } #landingbutton a{ padding:25px 50px 25px 50px; } .pullquote{ margin-top:5%; margin-bottom: 0; margin-left: 25%; line-height: 1.4em; font-style: italic; font-weight: 500; width: 50%; color:#e4bb49; font-size: 24px; } .quoted{ margin-left: 25%; margin-top: 15px; margin-bottom: 100px; line-height: 1.4em; font-style: italic; text-align: right; width: 50%; color:#e4bb49; font-size: 24px; } #trailer{ margin-top: 5%; margin-left: 15%; } #trailerhead{ text-align: center; font-size: 36px; font-weight: 500; } #homeparagraph{ margin-top: 5%; } #k5 img{ width: 25%; float: right; margin-right: 10%; margin-bottom: 5%; } /***TEAM STYLES***/ #wholeteam{ width: 100%; margin: auto; } .caption{ text-align: center; } #dara p{ } #darapic{ float: left; margin-right: 80px; margin-bottom: 50px; } .teamtext{ margin-right: 5%; } #michael{ clear:left; padding-top: 80px; margin-right: 5%; } #michaelpic{ float: left; margin-right: 80px; margin-bottom: 80px; } #michaeltext{ margin-top: -80px; } #haws{ clear:left; padding-top: 50px; } #hawspic{ float: left; margin-right: 80px; padding-top: 50px; } #hawstext{ margin-right: 5%; } /***STORY STYLES***/ #bhutanmap{ float:left; margin-right: 5%; } #kingbow{ clear:left; float:right; padding-top: 35px; margin-left: 5%; margin-bottom: 80px; } #kingbowtext{ clear:left; padding-top: 50px; } #kingbowtwo{ clear:right; float:left; padding-top: 25px; margin-right: 5%; } #kingbowtwotext{ clear:right; padding-top: 50px; } #stadium{ clear:left; float:right; margin-top: 50px; margin-left: 6%; margin-bottom: 90px; } #stadiumtext{ clear:left; padding-top: 50px; } #stadiumtwo{ clear:right; float:left; padding-top: 25px; padding-bottom: 75px; margin-right: 5%; } #stadiumtwotext{ clear:right; padding-top: 50px; } /***CONTACT STYLES***/ #menusizecontact{ position: relative; top:-2px; font-size: 1.5em; color: white; } #contactlist{ margin-top: 25px; margin-bottom: 25px; padding-left: 0; } #contactlist li{ list-style-type: none; } #pleasesubmit{ text-align: center; margin-bottom: 50px; font-weight: 300; font-style: italic; } #contactform{ margin-top: 50px; text-align: left; } /***ADVISERS STYLES***/ #guidance h3{ font-size: 36px; width: 100%; padding: 0 10% 5% 10%; font-weight: 500; text-align: center; font-style: italic; } #buntingpic{ width: 20%; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 150px; } #keltnerpic{ width: 20%; clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 250px; } #thurmanpic{ width: 20%; clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 100px; } #zeppapic{ width: 20%; clear:left; float:left; margin-right: 5%; padding-top: 3%; margin-bottom: 100px; } #zeppatext{ padding-bottom: 0; } #zurickpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 150px } #zuricktext{ padding-top: 190px; margin-bottom: 50px; } .guidance{ margin: auto 75px; text-align: center; } /***CHARACTER STYLES***/ #peopleofbhutanpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #peopleofbhutan p{ margin-right: 5%; } .characterimage{ width: 25%; } #hismajesty{ clear: both; } #hismajesty p{ margin-right: 5%; } #hismajestypic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #farmer{ clear: both; } #farmer p{ margin-right: 5%; } #farmerpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #ombar{ clear: both; } #ombar p{ margin-right: 5%; } #ombarpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #hismajestyfourth{ clear:both; } #hismajestyfourth p{ margin-right: 5%; } #hismajestyfourthpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #highschool{ clear: both; } #highschool p{ margin-right: 5%; } #highschoolpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #dasho{ clear: both; } #dasho p{ margin-right: 5%; } #dashopic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #thinley{ clear: both; } #thinley p{ margin-right: 5%; } #thinleypic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 60px } #rutland{ clear: both; } #rutland p{ margin-right: 5%; } #rutlandpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #bbs{ clear: both; } #bbs p{ margin-right: 5%; } #bbspic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px } #dorji p{ margin-right: 5%; } #kelzang{ clear:both; } #kelzang p{ margin-right: 5%; } #kelzangpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #yanka{ clear: left; float: left; } #atrologerpic{ float: left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #yankatext{ margin-top: -45px; } #yanka p{ margin-right: 6%; } #thurmancharacter{ clear: both; } #thurmancharacter p{ margin-right: 6%; } #thurmancharacterpic{ margin-right: 5%; float: left; margin-bottom: 50px; } #teamcreditimages{ float: left; margin-top: 150px; margin-bottom: 5%; margin-right: 5%; width:30%; } .restofteam img{ width: 80%; margin: 5%; } #credits{ float: right; text-align: center; margin-top: 150px; padding: 2% 10% 5% 10%; border: 3px solid #d4d4d4; border-radius: 25px; margin-bottom: 50px; } #credits h3{ font-size: 48px; margin-bottom:50px; color:#e4bb49; line-height: 1.5em; border-bottom: 1.5px solid #969696; } #credits h4{ margin-top: 65px; } #credits li{ list-style: none; } /***FILMMAKER MESSAGE***/ #darathimphu{ width: 40%; margin-left: 30%; margin-bottom: 25px; } .footerbutton{ margin-top:10px; } .footerbutton a{ width: 25%; font-size: 30px; color: #fff; border:1.5px solid white; padding:20px 15px 25px 15px; margin:0 auto 15px auto; text-align: center; } .footerbutton a:hover { color: white; opacity: .5; } } /***MOBILE STYLES***/ @media only screen and (max-width: 1301px), only screen and (max-device-width: 1400px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 150px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.3em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5{ margin-left: 20%; float: none; } } /***MOBILE STYLES***/ @media only screen and (max-width: 1051px), only screen and (max-device-width: 1300px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 130px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5{ margin-left: 20%; float: none; } } /***MOBILE STYLES***/ @media only screen and (max-width: 1001px), only screen and (max-device-width: 1080px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 24px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 130px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } #landingbutton{ clear: both; position: absolute; top:18%; left: 33%; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailerhead{ margin-top: 0; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px } #k5 img{ margin-left: 0; float: left; width: 80%; } #homeparagraph p{ width: 100%; clear: both; } } /***MOBILE STYLES***/ @media only screen and (max-width: 901px), only screen and (max-device-width: 1000px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 24px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 130px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } #landing img{ width: 80%; position: absolute; top:8%; left: 5%; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailerhead{ margin-top: 0; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5 img{ margin-left: 0; float: left; width: 80%; } } /***MOBILE STYLES***/ @media only screen and (max-width: 801px), only screen and (max-device-width: 900px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 18px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 150px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailerhead{ margin-top: 0; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5 img{ margin-left: 0; clear: both; width: 80%; } #hometext{ clear: both; } } /***MOBILE STYLES***/ @media only screen and (max-width: 701px), only screen and (max-device-width: 800px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 160px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailerhead{ margin-top: 0; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5 img{ margin-left: 0; float: left; width: 80%; } /***ADVISERS STYLES***/ .advisertext{ margin-right:10%; margin-bottom: 100px; } #guidance h3{ font-size: 36px; width: 100%; padding: 0 10% 5% 10%; font-weight: 500; text-align: center; font-style: italic; } #buntingpic{ float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #keltnerpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #thurmanpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #zeppapic{ clear:left; float:left; margin-right: 5%; padding-top: 0; margin-bottom: 80px; } #zeppatext{ padding-top: 0px; } #zurickpic{ clear:left; float:left; margin-right: 5%; padding-top: 15px; margin-bottom: 50px; } #zuricktext{ padding-top: 0px; margin-bottom: 150px; } .guidance{ margin: auto 75px; text-align: center; } } /***MOBILE STYLES***/ @media only screen and (max-width: 601px), only screen and (max-device-width: 700px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 160px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } #landing img{ width: 80%; position: absolute; top:10%; left: 5%; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } #k5 img{ margin-left: 0; margin-right: 0; clear:both; width: 80%; } #hometext{ clear: both; } /***TEAM STYLES***/ #wholeteam{ width: 100%; margin: auto; } .caption{ text-align: center; } #darapic{ clear: both; margin: 80px auto 50px auto; } .teamtext{ margin-right: 5%; clear: both; } #michael{ clear: both; padding-top: 80px; margin-right: 5%; } #michaelpic{ width: 200px; clear: both; margin: 80px auto 50px auto; } #michaeltext{ clear: both; margin-top: -80px; } #haws{ clear: both; padding-top: 50px; } #hawspic{ width: 80%; clear: both; margin: 80px auto 50px auto; padding-top: 0; } #hawstext{ margin-right: 5%; clear: both; } #credits{ width: 100%; clear: both; padding-left: 0; margin-left: 0; } #credits h3{ width: 80%; text-align: center; margin-left:15%; } #credits ul li{ font-size: 12px; list-style: none; } #credits h4{ font-size: 14px; } #teamcreditimages{ clear: both; width: 85%; float: right; } /***STORY STYLES***/ #bhutanmap{ width: 100%; clear: both; margin-right: 5%; margin-bottom: 50px; } #mountaintext{ clear:both; line-height: .8em; } #kingbow{ width: 100%; margin-bottom: 50px; clear: both; padding-top: 35px; } #kingbowtext{ clear: both; padding-top: 50px; } #kingbowtwo{ width: 100%; margin-bottom: 50px; clear: both; padding-top: 25px; margin-right: 5%; } #kingbowtwotext{ clear: both; padding-top: 50px; } #stadium{ width: 100%; margin-bottom: 50px; clear: both; margin-top: 50px; margin-left: 6%; margin-bottom: 90px; } #stadiumtext{ clear: both; padding-top: 50px; } #stadiumtwo{ width: 100%; margin-bottom: 50px; clear: both; padding-top: 25px; padding-bottom: 75px; margin-right: 5%; } #stadiumtwotext{ clear: both; padding-top: 50px; margin-bottom: 75px; } /***CONTACT STYLES***/ #contactlist{ margin-top: 25px; margin-bottom: 25px; padding-left: 0; } #contactlist li{ list-style-type: none; } #pleasesubmit{ text-align: center; margin-bottom: 100px; font-weight: 300; font-style: italic; } #contactform{ margin-top: 50px; text-align: left; } #titlenamelinkcontact{ font-size: 16px; color:white; width: 50%; margin-top: -15px; line-height: 1.1em; } #headingcontact{ width: 100%; height: 50px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #menusizecontact{ position: relative; top:-13px; font-size: 1.5em; color: white; } /***ADVISERS STYLES***/ #guidance h3{ font-size: 20px; width: 100%; font-weight: 500; text-align: center; font-style: italic; line-height: 1.8em; padding: 0 5% 2% 5%; } #buntingpic{ width: 100%; clear: both; margin-right: 5%; padding-top: 80px; margin-bottom: 100px } #buntingtext{ clear: both; } #keltnerpic{ width: 100%; clear: both; margin-right: 5%; padding-top: 80px; margin-bottom: 100px } #keltnertext{ clear: both; } #thurmanpic{ width: 100%; clear: both; margin-right: 5%; padding-top: 80px; margin-bottom: 100px } #thurmantext{ clear: both; } #zeppapic{ width: 100%; clear: both; margin-right: 5%; padding-top: 80px; margin-bottom: 50px; } #zeppatext{ clear: both; padding-top: 1px; } #zurickpic{ width: 100%; clear: both; margin-right: 5%; padding-top: 80px; margin-bottom: 20px; } #zuricktext{ clear: both; padding-top: 50px; margin-bottom: 150px; } .guidance{ clear: both; margin: auto ; text-align: center; } /***CHARACTER STYLES***/ #peopleofbhutanpic{ width: 100%; padding-top: 50px; float:left; margin-right: 5%; margin-bottom: 50px } #peopleofbhutan p{ margin-right: 5%; } .characterimage{ width: 100%; padding-top: 100px; } #hismajesty{ clear: both; } #hismajesty p{ margin-right: 5%; } #hismajestypic{ width: 100%; padding-top: 100px; clear:both; margin-right: 0; margin-bottom: 50px } #farmer{ clear: both; } #farmer p{ margin-right: 5%; } #farmerpic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px } #ombar{ width: 100%; padding-top: 100px; clear: both; } #ombar p{ margin-right: 5%; } #ombarpic{ width: 100%; padding-top: 100px; float:left; margin-right: 0; margin-bottom: 50px } #hismajestyfourth{ clear:both; } #hismajestyfourth p{ margin-right: 5%; } #hismajestyfourthpic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px } #highschool{ clear: both; } #highschool p{ margin-right: 5%; } #highschoolpic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px } #dasho{ clear: both; } #dasho p{ margin-right: 5%; } #dashopic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px; } #thinley{ clear: both; } #thinley p{ margin-right: 5%; } #thinleypic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 60px } #rutland{ clear: both; } #rutland p{ margin-right: 5%; } #rutlandpic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px } #bbs{ clear: both; } #bbs p{ margin-right: 5%; } #bbspic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px } #dorji p{ margin-right: 5%; } #kelzang{ clear:both; } #kelzang p{ margin-right: 5%; } #kelzangpic{ width: 100%; padding-top: 100px; float:left; margin-right: 5%; margin-bottom: 50px; } #yanka{ clear: left; float: left; } #atrologerpic{ width: 100%; float: left; margin-right: 5%; padding-top: 100px; margin-bottom: 50px; padding-top: 50px; } #yankatext{ margin-top: -45px; } #yanka p{ margin-right: 6%; } #thurmancharacter{ clear: both; } #thurmancharacter p{ margin-right: 6%; } #thurmancharacterpic{ width: 100%; margin-right: 5%; float: left; margin-bottom: 50px; padding-top: 100px; } /***FILMMAKER MESSAGE***/ #darathimphu{ width: 100%; margin-left: 0; margin-bottom: 80px; } /***NEWS***/ #blog{ height: 2000px; } .nav-main .nav-container ul li a { text-decoration: none; display: block; padding: 40px 0; color: #4d5152; font-size: 36px; } .nav-main .nav-container ul li ul li a { padding: 40px 0 15px; font-size: 36px; line-height: 1.3em; } } /***MOBILE STYLES***/ @media only screen and (max-width: 401px), only screen and (max-device-width: 600px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; margin-top: 5%; } h1{ font-size: 200px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } #contactpage{ font-family: 'Montserrat'; font-weight: 500; width: 75%; margin: -150px auto 25px auto; font-size: 28px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 40px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } #landingbutton{ clear: both; position: absolute; top:18%; left: 28%; width:50%; } #landing img{ width: 80%; position: absolute; top:10%; left: 5%; } .pullquote{ margin-top:80px; margin-bottom: 0; line-height: 1.2em; font-style: italic; margin-left:1%; font-weight: 500; width: 100%; color:#e4bb49; font-size: 36px; } .quoted{ margin-left: 10%; margin-top: 15px; margin-bottom: 100px; line-height: 1.2em; font-style: italic; text-align: right; width: 90%; color:#e4bb49; font-size:36px; } #trailer{ margin-top:80px; } } /***MOBILE STYLES***/ @media only screen and (max-width: 300px), only screen and (max-device-width: 400px) { body{ width:100%; } /***FONT STYLES***/ a{ text-decoration: none; } a:hover{ text-decoration: none; } p{ font-size: 14px; font-family: 'Montserrat'; font-weight: 200; padding-top: 15px; line-height: 1.5em; margin-top: 1%; } h1{ font-size: 200px; line-height: 1.4em; font-family: 'Montserrat'; font-weight: 300; } h2{ margin-bottom: 40px; font-family: 'Montserrat'; font-weight: 500; margin: 50px auto 50px auto; font-size: 85px; color:#e4bb49; text-align: center; padding:25px 10px; line-height: 1.2em; border-bottom: 1.5px solid #969696; width: 80%; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } h3{ font-family: 'Montserrat'; font-weight: 200; font-size: 28px; margin-top: 50px; margin-bottom: 15px; line-height: 1.3em; margin-right: 4% } h4{ font-family: 'Montserrat'; font-weight: 500; font-size: 24px; line-height: 1.3em; } #heading{ width: 100%; height: 150px; z-index: -1000000; display: block; border-bottom: 1px solid #d4d4d4; position:absolute; top:0px; left:0; font-size: 24px; font-weight: 500; padding-bottom: 22px; padding-left:2%; padding-top: 21px; background-color: #e4bb49; color:white; } #titlenamelink{ width:40%; line-height:1.2em; font-size: 36px; font-weight: 500; padding-bottom: 22px; padding-left:3%; padding-top: 35px; position: absolute; top:0; } #titlenamelink a{ color: white; } #menusize{ width: 50%; position: relative; top: 18px; right:-80px; font-size: 3em; color: white; } .content{ margin-top: 150px; } /***HOMESTYLES***/ #trailer{ margin-left: 0px; padding-left: 0px; } #landingbutton{ clear: both; position: absolute; top:23%; left: 35%; } #landing img{ width: 80%; position: absolute; top:10%; left: 5%; } .button { background-color:transparent; border:1.5px solid #e4bb49; display:inline-block; cursor:pointer; color:#e4bb49; font-size: 30px; padding:20px 15px 25px 15px; text-decoration:none; text-shadow:0px 1px 0px #e0e0e0 .5; } .button:hover { opacity:.5; } .pullquote{ margin-top:5%; margin-bottom: 0; margin-left: 15%; line-height: 1.4em; font-style: italic; font-weight: 500; width: 50%; color:#e4bb49; font-size: 24px; } .quoted{ margin-left: 15%; margin-top: 15px; margin-bottom: 100px; line-height: 1.4em; font-style: italic; text-align: right; width: 50%; color:#e4bb49; font-size: 24px; } #trailer{ margin-top:80px; } #trailerhead{ margin-top: 0; font-size: 36px; } #k5 img{ margin-left: 0; margin-right: 0; clear:both; width: 80%; } #hometext{ clear: both; } /***FOOTER***/ footer{ height: 300px; width: 100%; background-color: #e4bb49; clear:both; padding: 5% 5%; margin-top: 75px; text-align: left; } #meaningfulway{ width: 50%; margin-right: 15%; float: left; } #meaningfulway img{ float: left; margin-right: 25px; } #mwp{ padding-top: 3%; } .footerbutton{ margin-top:10px; } .footerbutton a{ width: 25%; font-size: 30px; color: #fff; border:1.5px solid white; padding:20px 15px 25px 15px; margin:0 auto 15px auto; text-align: center; } .footerbutton a:hover { color: white; opacity: .5; } .smicons{ width:50px; margin-left: 10px; margin-right: 10px; margin-top: 25px; } #socialmedia a:hover{ opacity: .75; } }