Team:SSTi-SZGD/css/HP Outreach

body{ min-width: 1024px; min-height: 489px; position: relative;}

.SSTi-SZGD{ background: url() no-repeat top center; padding-top: 15px; max-height: 910px;}

/*custom header*/ .header .nav .Human_Practices span,.header .nav .Human_Practices li:nth-of-type(3) a{ color: #FAEE0D;}

/*Content*/ .Content{ background: white; width: 100%; text-align: justify; font-size: 1.8rem; padding-bottom: 80px;font-family: "Arial Regular";font-weight: bold;} .Content p{ line-height: 37.5px;} .Content .left{ float: left;} .Content .right{ float: right;} .Content img{ width: inherit;} .Content .img{ width: 1360px; margin: 40px auto;} .Content .Title{ font-size: 3.75rem; color: white; background: black; height: 88px; padding: 5px 45px; line-height: 75px;} .Content .Headline{ font-size: 2.5rem; height: 45px; background: #7f7f7f; color: white; padding-left: 10px;}

.openday{ width: 1360px; margin: auto; border-top: 3px solid black;} .openday .Title{ width: 365px;} .openday .Top{ height: 390px;} .openday .Top .left{ width: 690px; padding-top: 30px;} .openday .Top .right{ width: 600px; padding-top: 30px;} .openday .Top .right img{ position: absolute;} .openday .Bottom{ height: 420px;} .openday .Bottom .left{ width: 670px; padding-top: 20px; padding-left: 20px;} .openday .Bottom .right{ width: 615px; padding-top: 50px;}

.Professional{ width: 1360px; margin: auto; height: 1200px; border-top: 3px solid black;} .Professional .Title{ width: 415px;} .Professional .introduction{ font-size: 2.9rem; margin: 45px 40px;} .Professional .left{ width: 43%; height: 820px; margin-left: 40px;} .Professional .left p:nth-of-type(1){ margin-bottom: 20px;} .Professional .right{ width: 43%; height: 820px; margin-right: 40px;} .Professional .right .top{ width: 100%;} .Professional .right img{ width: 100%;} .Professional .right .bottom{ border-left: 3px solid black; height: 620px; padding-left: 40px; padding-top: 55px; margin-top: 20px;} .Professional .right .bottom p{ margin-bottom: 30px;}

.Entrepreneurship{ width: 1360px; margin: auto; height: 1000px; border-top: 3px solid black;} .Entrepreneurship .Title{ width: 625px;} .Entrepreneurship .left{ width: 600px; margin-left: 45px;} .Entrepreneurship .right{ width: 650px; margin-right: 45px; margin-top: 60px;} .Entrepreneurship p:nth-of-type(2){ margin: 50px;} .Entrepreneurship .section{ margin: 50px; float: left;}

.Social{ width: 1360px; margin: auto; height: 700px; border-top: 3px solid black;} .Social .Title{ width: 320px;} .Social .left{ width: 550px; margin-left: 45px; margin-top: 50px;} .Social .right{ width: 650px; margin-right: 45px; margin-top: 120px;}

.Survey{ width: 1360px; margin: auto; border-top: 3px solid black;} .Survey .Title{ width: 210px;} .Survey .left{ width: 550px; margin-left: 45px; margin-top: 50px;} .Survey .right{ width: 650px; margin-right: 45px; margin-top: 120px;} .Survey .section{ margin: 40px 80px;}

.Survey .Summary .Headline{ width: 475px;} .Survey .Summary .img{ width: 1200px;}

.Survey .Population{ margin: 100px 0;} .Survey .Population .Headline{ width: 315px;} .Survey .Population .img{ width: 1200px;}

.Survey .Example .Headline{ width: 700px;} .Survey .Example .img{ width: 1200px; margin-bottom: 100px;}

/*--1366--*/ @media only screen and (max-width: 1920px) { .Content{ background: white; width: 100%; text-align: justify; font-size: 1.3rem;} .Content p{ line-height: 26.5px;} .Content .img{ width: 1000px; margin: 20px auto;} .Content .Title{ font-size: 2.65rem; height: 65px; padding: 5px 30px; line-height: 53.36px;} .Content .Headline{ font-size: 1.7rem; height: 32px; padding-left: 10px;}

.openday{ width: 1000px;} .openday .Title{ width: 260px;} .openday .Top{ height: 290px;} .openday .Top .left{ width: 480px;} .openday .Top .right{ width: 430px;} .openday .Bottom{ height: 300px;} .openday .Bottom .left{ width: 430px;} .openday .Bottom .right{ width: 480px;}

.Professional{ width: 1000px; height: 930px;} .Professional .Title{ width: 290px;} .Professional .introduction{ font-size: 2rem;} .Professional .left{ height: 500px;} .Professional .right{ width: 43%;} .Professional .right .top{ width: 100%;} .Professional .right img{ width: 100%;} .Professional .right .bottom{ height: 500px;}

.Entrepreneurship{ width: 1000px; height: 760px;} .Entrepreneurship .Title{ width: 465px;} .Entrepreneurship .left{ width: 440px;} .Entrepreneurship .right{ width: 450px; margin-top: 40px;}

.Social{ width: 1000px; height: 530px;} .Social .Title{ width: 230px;} .Social .left{ width: 425px;} .Social .right{ width: 450px; margin-top: 100px;}

.Survey{ width: 1000px; margin: auto; border-top: 3px solid black;} .Survey .Title{ width: 210px;} .Survey .left{ width: 550px; margin-left: 45px; margin-top: 50px;} .Survey .right{ width: 650px; margin-right: 45px; margin-top: 120px;} .Survey .section{ margin: 40px 80px;}

.Survey .Summary .Headline{ width: 340px;} .Survey .Summary .img{ width: 800px;}

.Survey .Population .Headline{ width: 225px;} .Survey .Population .img{ width: 800px;}

.Survey .Example .Headline{ width: 540px;} .Survey .Example .img{ width: 800px;} }

/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 50%;} .header .logo span{ margin: 15px 0;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 100px;} .header .nav .Human_Practices{ width: 140px;} .header .nav .Achievement{ width: 120px;} .header .nav .Team{ width: 95px;} .header .nav .mainnav span{ padding-top: 8.5px; margin-bottom: 21px;} }