Team:SSTi-SZGD/css/Hardware

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 .Application span,.header .nav .Application li:nth-of-type(3) a{ color: #FAEE0D;}

/*Content*/ .Content{ width: 100%; background: cornsilk; padding: 80px 0; padding-bottom: 100px; font-size: 2rem; text-align: justify;} .Content .title{ width: 100%; text-align: center; font-size: 6rem; font-weight: 600; color: #394c53; margin-bottom: 50px; letter-spacing: 2px;} .Content .Title{ font-size: 3rem; font-weight: 600; border-bottom: 1px solid #333333; padding-bottom: 10px;} .Content .content{ margin-top: 10px; width: 100%;} .Content .content p{ margin: 10px 0; font-family: "arial narrow"; line-height: 1.5;} .Enzyme,.whole,.Automatic{ margin-top: 50px; padding: 0 8%;} .video { width: 1000px; margin: auto;} .SubVideo{ margin-top: 20px;} .SubVideo p{ width: 550px; float: left; font-family: "arial narrow"; font-size: 2.5rem; text-align: justify; margin: 25px;}

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

}

/*--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;} .topic p{ font-size: 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;} .topic p{ font-size: 4.5rem;} }