Team:SSTi-SZGD/css/Collaborations

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(4) a{ color: #FAEE0D;}

/*Content*/ .Content{ background: white; width: 100%; padding: 80px 0; text-align: justify; font-size: 1.8rem;} .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;}

.Handshake{ width: 1360px; margin: auto; height: 470px;} .Handshake .left{ width: 450px; float: left; height: inherit;} .Handshake .middle{ width: 450px; float: left; height: inherit;} .Handshake .middle img{ width: 400px; margin: 100px auto;} .Handshake .right{ width: 460px; float: right; height: inherit; padding: 80px 0;}

.section{ width: 1360px; margin: auto;}

.discussion{ width: 1360px; margin: auto; height: 410px;} .discussion .left{ width: 775px; margin: 80px 0;} .discussion .right{ width: 515px;}

/*--1366--*/ @media only screen and (max-width: 1366px) { .Content{ font-size: 1.3rem;} .Content p{ line-height: 26.5px;} .Content .img{ width: 1000px;}

.Handshake{ width: 1000px; height: 330px;} .Handshake .left{ width: 325px;} .Handshake .middle{ width: 330px;} .Handshake .middle img{ width: 280px; margin: 50px auto;} .Handshake .right{ width: 340px; padding: 30px 0;}

.section{ width: 1000px;}

.discussion{ width: 1000px; height: 295px;} .discussion .left{ width: 555px; margin: 30px 0;} .discussion .right{ width: 375px;} }

/*--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;} }