Team:SSTi-SZGD/css/Team

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

.SSTi-SZGD{ background: url() no-repeat 0px 0px; height: 465px; background-size: cover; padding-top: 15px;}

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

.topic{ position: absolute; margin: 10% auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white;} .topic p{ width: 58.28%; padding: 35px; border-top: 5px solid white; border-bottom: 5px solid white; margin: auto; font-size: 6rem}

/*Content*/ .Content{ width: 100%; background: cornsilk;} .Content .title{ width: 100%; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; padding-top: 50px; letter-spacing: 2px;} .Content .Team_Member,.Content .Instructor{ width: 80%; margin: auto;} .Content .Team_Member .scroll{ width: 100%; position: relative; overflow: hidden; height: 750px;} .Content .Instructor .scroll{ width: 100%; position: relative; overflow: hidden; height: 600px;} .Content ul{ width: 500%; position: absolute; height: inherit; left: -507px;} .Content ul li{ text-align: justify; margin: 85px 58.5px; font-size: 1.5rem; width: 8.5%; float: left; height: inherit; border: 5px dashed burlywood; padding: 20px; border-radius: 20px; height: 650px; width: 390px; overflow: hidden} .Content .Instructor ul li{ height: 400px;} .Content ul li img{ margin: auto; margin-bottom: 15px;} .Content ul li p{ margin-bottom: 5px; color: #333333; line-height: 1.8; } .Content ul li .name{ font-size: 2.5rem; text-align: center;} .Content .icon_left{ position: absolute; width: 150px; height: 150px; background: rgba(0,0,0,0.431373); top: 330px; left: -75px; cursor: pointer; border-radius: 100%;} .Content .icon_left img{float: right; width: 30px; margin: 30px; margin-top: 45px;} .Content .icon_left:hover,.Content .icon_right:hover{ background: #BCD68D;} .Content .icon_right{ position: absolute; width: 150px; height: 150px; background: rgba(0,0,0,0.431373); top: 330px; right: -75px; cursor: pointer; border-radius: 100%;} .Content .icon_right img{float: left; width: 30px; margin: 30px; margin-top: 45px;} .Content .Instructor .icon_left,.Content .Instructor .icon_right{ top: 200px;}

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

/*--1366--*/ @media only screen and (max-width: 1366px) { html{ font-size: 55%;} .header .nav .mainnav span{ padding-top: 6px; margin-bottom: 21.5px;} .topic p{ font-size: 5rem;} .Content ul{ left: -539px;} .Content ul li{ margin: 85px 74.5px; height: 550px;} }

/*--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: 6px;} .topic p{ font-size: 4rem;} .Content ul{ left: -450px;} .Content ul li{ margin: 85px 36.5px;} }

/*--1024--*/ @media only screen and (max-width: 1024px) { .Content ul{ left: -830px;} .Content ul li{ margin: 85px 220px;} }