@media(max-width:1920px){
    #menuVoid{
        width:28%;
    }
    .topString, .bottomString{
        font-size:32pt;
    }
    .card{
        width:31%;
        height:480px;
    }
}
@media(max-width:1600px){
    .menuItem{
        font-size:13pt;
    }
    .topString, .bottomString{
        font-size:27pt;
    }
    .aboutKisItems h3{
        font-size:14pt;
    }
    .authForm{
        width:30%;
    }
    .authInfo{
        width:65%;
    }
    .card{
        width:31%;
        height:510px;
    }
    .linesVer{
        height:90%;
        width:91.5%;
    }
    .controlBar{
        width:100%;
    }
    .singlePageTitle{
        width:65%;
    }
    .singlePageTitleS{
        width:50%;
    }
}
@media(max-width:1450px){
    .menuItem a{
        font-size:12pt;
    }
    .buttonDefault{
        font-size:12pt;
    }
    .topString, .bottomString{
        font-size:24pt;
    }
    .headerTitle{
        margin-top:200px;
    }
    #logoPartBold{
        font-size:15pt;
    }
    #logoPartLight{
        font-size:11pt;
    }
    .wrapper{
        width:90%;
    }
    
    
    
}
@media(max-width:1366px){
    #logoPartBold{
        font-size:14pt;
    }
    #logoPartLight{
        font-size:10pt;
    }
    nav ul li img{
        width:40px;
        height:40px;
    }
    .reg{
        margin-top:100px;
    }

}
@media(max-width:1280px){
    .headerTitle{
        width:80%;
        left:10%;
    }
    nav{
        width:90%;
    }
    .authContainer{
        background-size:160%;
    }
    .card{
        width:31%;
        height:630px;
    }
    .testSystem{
        background-position:center;
        background-size:150%;
    }
    .singlePageTitle{
        width:70%;
    }
    .pageContainer{
        width:75%;
    }

    
}
@media(max-width:1024px){
    .headerTitle{
        width:90%;
        left:5%;
    }
    .topString, .bottomString{
        font-size:21pt;
    }
    nav{
        width:95%;
    }
    #menuVoid{
        width:1%;
    }
    .cardsContainer{
        flex-direction: column;
    }
    .card{
        width:100%;
        height:350px;
        margin-top:20px;
    }
    .labWorksContainer{
        flex-direction: column;
    }
    .labWorksItems{
        width:100%;
    }
    #aboutSite{
        display:none;
    }
    .footerItem{
        width:28%;
    }
    .teachers{
        font-size:11pt;
    }
    
}
@media (max-width:980px){
    #logo{
        display:none;
    }
    nav{
        display:none;
        width:100%;
        position:absolute;
        margin-top: 55px;
        z-index: 999;
        
        
    }
    header{
        height:500px;
        background-size:400%;
    }
    nav ul{
        display:inline;
        position:absolute;
        left:0px;
    }
   .menuItem{
        display: block;
        text-align:left;
        background:url(../images/grayTransparentCover.png);
        margin-top:0;
        padding:10px;
    }
    .menuItem a{
        font-size:1.4rem;
       	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
    }
    .menuItem button{
        font-size:1.4rem;
    }
    #menuTrigger{
        display:block;
        color:white;
        font-family:Raleway-Bold;
        text-align:center;
        position:absolute;
        top:0px;
        text-align: left;
        padding-left:20px;
        padding-top:20px;
        padding-bottom:20px;
        width:100%;
        z-index: 999;
        cursor: pointer;
        padding:15px;
        background:rgba(0,0,0,.6);
        font-size:24pt;
    }
    nav .buttonDefault{
        text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
        border:0;
    }
    #scene{
        top:-50px;
        
    }
     .topString, .bottomString{
        font-size:17pt;
    }
    .authContrainerInner{
      flex-direction: column;
    }
    .authItems{
        width:100%;
    }
    .testSystemInner{
        flex-direction: column;
        padding-top:80px;
        padding-bottom:100px;
    }
    .testSystem{
        background-size:200%;
    }
    .testSystemItems{
        width:100%;
        margin-tOP:20px;
    }
    .reg{
        margin-top:5px;
    }
    .singlePageTitleS{
        width:70%;
    }
    .pageContainer{
        width:90%;
    }
    .authContrainerInner, .testSystem{
        height:200%;
    }
        .singlePageTitle{
        width:85%;
    }
    .singlePageTitle h1{
        font-size:1.5rem;
    }
    .singlePageTitleS{
        width:55%;
    }
    .singlePageTitleS h1{
        font-size:1.5rem;
    }
    
}
@media(max-width:500px){
    #scene{
        top:-100px;
        
    }
    .headerTitle{
        width:93%;
    }
    header{
        height:300px;
        background-size:cover;
    }
    .bottomString{
        margin-left:0px;
    }
     .topString, .bottomString{
        font-size:12pt;
    }
    h2{
        font-size:18pt;
    }
    .subTitle{
        font-size:14pt;
    }
    .aboutKisItemsContainer{
        flex-direction: column;
    }
    .aboutKisItems{
        width:100%;
    }
    .authContainer{
        background-size: cover;
    }
    .card h5{
        font-size:16pt;
    }
    .card p{
        font-size:12pt;
    }
    .lastLabWorksContainerInner{
        flex-direction: column;
        
    }
    .lastLabWorksItem{
        width:90%;
        margin-top:15px;
    }
    .labWorksItems{
        margin-top:45px;
    }
    footer{
        padding-top:100px;
    }
    .footerContainer{
        flex-direction:column;
    }
    .footerItem{
        width:100%;
        margin-top:25px;
    }
    .testSystem{
        background-size:cover;
    }
    .reg{
        margin-top:0;
    }
    .singlePageTitle{
        width:85%;
    }
    .singlePageTitle h1{
        font-size:1.5rem;
    }
    .singlePageTitleS{
        width:55%;
    }
    .singlePageTitleS h1{
        font-size:1.5rem;
    }
    .teachers{
        margin-left:0;
    }
    
}