Team:SSTi-SZGD/css/HP Intergrated

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

.SSTi-SZGD{ background: url() no-repeat center center; min-height: 465px; background-size: cover; padding-top: 15px;} .SSTi-SZGD .SubNav{ width: 860px; margin: 22% auto;} .SSTi-SZGD .SubNav div{ width: 400px; margin: 0 15px; background: rgba(0,0,0,0.431373); float: left; height: 150px; border-radius: 10px; border: 5px dashed #FAEE0D;} .SSTi-SZGD .SubNav a{ color: #FAEE0D; text-align: center; display: block; width: inherit; height: inherit; font-size: 4rem; padding: 30px 0;} .SSTi-SZGD .SubNav div:nth-of-type(2) a{ padding: 50px 0;}

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

/*Content*/ .Content{ width: 100%; background: cornsilk; display: block; padding: 10px 0; text-align: justify; font-size: 1.8rem;} .Content .content{ width: 1320px; margin-top: 10px; margin: auto;} .Content .content .Title{ font-size: 3rem; font-weight: 600; border-bottom: 1px solid #333333; padding-bottom: 10px; padding-top: 30px;} .Content .content .SubTitle{ font-size: 2.2rem; font-weight: 600; margin-top: 30px;} .Content .content p{ margin: 10px 0; font-family: "arial narrow"; line-height: 1.5;} .Content .left{ width: 580px; float: left; margin-top: 50px;} .Content .right{ width: 700px; float: left; margin-top: 20px; margin-left: 40px;} .Content .right img{ width: 50%; float: left;} .Content .right span{ width: 50%; height: 262.5px; float: left;} .Content .Private img{ width: 49%; margin-top: 8px;} .Content .Private img:nth-of-type(2n-1){ margin-right: 8px;} .countryside{ height: 900px;} .Private{ height: 600px;} .Leveking{ height: 780px;}

/*--1920--*/ @media only screen and (max-width: 1920px) { .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 18.5px;} }

/*--1366--*/ @media only screen and (max-width: 1366px) { html{ font-size: 55%;} .header .logo span{ margin-top: 16px;} .header .nav .mainnav span{ margin-bottom: 21.5px;} .Content .content{ width: 1160px;} .Content .left{ width: 560px;} .Content .right{ width: 560px;} .Content .right span{ height: 210px;} .countryside{ height: 700px;} .Private{ height: 480px;} .Leveking{ height: 650px;} .SSTi-SZGD .SubNav a{ font-size: 4.5rem;} }

/*--1190--*/ @media only screen and (max-width: 1190px) { html{ font-size: 52%;} .header .nav .Team{ width: 90px;} .header .nav .Project{ width: 100px;} .header .nav .Application{ width: 115px;} .header .nav .Human_Practices{ width: 135px;} .header .nav .Achievement{ width: 120px;} .header .nav .mainnav span{ padding-top: 6.5px; margin-bottom: 22px;} .Content .content{ width: 1000px;} .Content .left{ width: 460px;} .Content .right{ width: 500px;} .Content .right span{ height: 187.5px;} .Private{ height: 430px;} .Private .left{ margin-top: 15px;} }