#TBodyWeb{
    position: absolute;
    width: 99%;
    height:2300px;
    left: 10px;
    border: 1px solid black;
    background-color: black;
}

tbody{
  height: 2500px;
}

body{
  background-color: black;
  height: 2400px;
}

#TehGraphMobile{
	display: none;
}

#MBodyWeb{
    display: none;
}

#Main1 {
display: none;
}

#About1{
display: none;
}

#Projects1{
display: none;
}

#Contacts1{
display: none;
}

#Main{
position: absolute;
top: 16px;
width: 20%;
left: 2.5%;
height: 32px;
}

#ComputGraphMobile{
    display: none;
}

#About{
position: absolute;
top: 16px;
width: 20%;
left: 27.5%;
height: 32px;
}

#Projects{
position: absolute;
top: 16px;
width: 20%;
left: 52.5%;
height: 32px;
}

#Contacts{
position: absolute;
top: 16px;
width: 20%;
left: 78%;
height: 32px;
}


#NavBg{
    position: absolute;
    background-color: red;
    width: 90%;
    left: 32px;
    height: 100px;
}

td{
    border: 1px solid black;
    width: 10%;
}

#TitleCont{
    height: 280px;
}

#Title{
    position: absolute;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    top: 136px;
    color: white;
    font-size: 32px;
    left: 32px;
}

#Square1 {
    position: absolute;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 176px;
    background-color: #9BC53D;
    left: 32px;
    border-radius: 10px;
}

#Title1{
    position: absolute;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    top: 224px;
    color: white;
    font-size: 32px;
    left: 32px;
}

#Square2 {
    position: absolute;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 264px;
    background-color: #fb8500;
    left: 32px;
    border-radius: 10px;
}

#Square3 {
display: none;
}

#Square4 {
display: none;
}

#TehnicalText{
    position: absolute;
    top: 896px;
    left: 32px;
    font-size: 48px;
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#CompText{
    position: absolute;
    top: 872px;
    left: 54%;
    font-size: 48px;
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#TehComp{
    position: absolute;
    height: 200px;
}

#TehGraph{
    position: absolute;
    width: 600px;
    height: 600px;
    top: 1100px;
    left: 32px;
}

#CompGraph{
    position: absolute;
    width: 600px;
    height: 600px;
    top: 1100px;
    left: 52%;
}

#Model{
    position: absolute;
    height: 700px;
    width: 410px;
    top: 96px;
    left: 60%;
}

#CtrlPress{
    color: white;
    font-size: 32px;
    text-align: center;
    background-color: #9BC53D;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#Linkedlin {
    position: absolute;
    top: 2015px;
    left: 53%;
    background-color: #F7FFF6;
    width: 506px;
    padding: 32px;
    height: 498px;
    border: 1px solid black;
    border-radius: 10px;
    }

#TitlePaO{
    display: none;
}

#TitlePaT{
    display: none;
}

@media only screen and (max-width: 1200px) {
#TBodyWeb{    
    display: none;
}

#MBodyWeb{
    position: absolute;
    display: block;
    height: 500px;
    width: 97%;
    color: white;
    background-color: white;
}
  
#ComputGraph{
	display: none;
}
  
#ComputGraphMobile{
	display: none;
}

tr{ 
    width: 50%;
}



#TitlePaO{
    display: block;
    font-size: 32px;
    color: white;
    margin-left: 10px;
    margin-top: -110px;
}

#TitlePaT {
    display: block;
    font-size: 32px;
    color: white;
    margin-left: 10px;
    margin-top: 60px;
}

#Square3 {
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 150px;
    background-color: #9BC53D;
    margin-left: 10px;
    border-radius: 10px;
}

#Square4 {
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 264px;
    background-color: #fb8500;
    margin-left: 10px;
    border-radius: 10px;
}

#Model {
    position: absolute;
    top: 400px;
    margin-left: -30%;
}


#TehnicText{
    position: absolute;
    color: black;
    top: 1155px;
    font-size: 40px;
    left: 10px;
}

#ComputText{
    position: absolute;
    color: black;
    top: 1910px;
    font-size: 40px;
    left: 10px;
}

#CompGraph{
    position: absolute;
    top: 2000px;
    width: 600px;
    left: 17%;
    height: 600px;
}

#TehGraph{
    display: block;
    top: 1250px;
    margin-left: 18%;
}

#Linkedlin{
    top: 2700px;
    margin-left: -28%;
}

#NavBg{
    position: absolute;
    background-color: red;
    width: 90%;
    left: 32px;
    height: 100px;
}

#Main1 {
    position: absolute;
    display: block;
    width: 21.5%;
    height: 32px;
    top: 28px;
    left: 2%;
}

#About1{
    position: absolute;
    display: block;
    width: 21.5%;
    top: 28px;
    left: 27%;
    height: 32px;
}

#Projects1{
    position: absolute;
    display: block;
    width: 21.5%;
    top: 28px;
    left: 51%;
    height: 32px;
}

#Contacts1{
    position: absolute;
    display: block;
    width: 21.5%;
    top: 28px;
    left: 75%;
    height: 32px;
}

#Square1 {
display: none;
}

#Square2 {
display: none;
}

#CtrlPress{
    display: none;
}

#Title{
    display: none;
}

#Title1{
    display: none;
}
}

@media only screen and (max-width: 1000px) {
#Linkedlin{
    position: absolute;
    margin-left: -35%;
}

#TehGraph{
    position: absolute;
    margin-left: 15%;
}
}

@media only screen and (max-width: 900px) {

#Model{
    position: absolute;
    top: 400px;
    margin-left: -34%;
}

#Linkedlin{
    position: absolute;
    margin-left: -38%;
}

#TehGraph{
    position: absolute;
    margin-left: 11%;
}
}

@media only screen and (max-width: 800px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -35%;
}

#Linkedlin{
    position: absolute;
    margin-left: -42%;
}

#TehGraph{
    position: absolute;
    margin-left: 7%;
}
}

@media only screen and (max-width: 700px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -42%;
}

#Linkedlin{
    position: absolute;
    margin-left: -46%;
}

#TehGraph{
    position: absolute;
    margin-left: 0%;
}
}

@media only screen and (max-width: 600px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -42%;
}

#Linkedlin{
    position: absolute;
    margin-left: -46%;
}

#TehGraph{
    display: none;
    position: absolute;
    margin-left: 0%;
}

#TehGraphMobile {
    display: block;
    position: absolute;
    margin-left: 13%;
    width: 400px;
    height: 400px;
    top: 1357px;
}
}

@media only screen and (max-width: 520px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -51%;
}

#Linkedlin{
    position: absolute;
    margin-left: -46%;
    width: 350px;
    height: 350px;
}

#TehGraph{
    display: none;
    position: absolute;
    margin-left: 0%;
}

#TehGraphMobile {
    display: block;
    position: absolute;
    margin-left: 6%;
    width: 400px;
    height: 400px;
    top: 1357px;
}

#Square3 {
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 172px;
    background-color: #9BC53D;
    margin-left: 10px;
    border-radius: 10px;
}

iframe{
    width: 350px;
    height: 350px;
}

#ComputText {
    position: absolute;
    color: black;
    top: 1897px;
    font-size: 40px;
    left: 10px;
}

#Main1{
    position: absolute;
    left: 3%;
}
}

@media only screen and (max-width: 440px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -59%;
}

#Linkedlin{
    position: absolute;
    margin-left: -46%;
    width: 300px;
    height: 300px;
}

#TehGraph{
    display: none;
    position: absolute;
    margin-left: 0%;
}

#TehGraphMobile {
    display: block;
    position: absolute;
    margin-left: -1%;
    width: 400px;
    height: 400px;
    top: 1357px;
}

#Square3 {
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 172px;
    background-color: #9BC53D;
    margin-left: 10px;
    border-radius: 10px;
}

iframe{
    width: 300px;
    height: 300px;
}

#ComputText {
    position: absolute;
    color: black;
    top: 1897px;
    font-size: 40px;
    left: 10px;
}

#Main1{
    position: absolute;
    left: 3%;
}
}


@media only screen and (max-width: 400px) {
#Model {
    position: absolute;
    top: 400px;
    margin-left: -65%;
}

#Linkedlin {
    position: absolute;
    margin-left: -51%;
    width: 300px;
    height: 300px;
}

#TehGraph{
    display: none;
    position: absolute;
    margin-left: 0%;
}

#TehGraphMobile {
    display: block;
    position: absolute;
    margin-left: -8%;
    width: 400px;
    height: 400px;
    top: 1357px;
}

#Square3 {
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 155px;
    background-color: #9BC53D;
    margin-left: 10px;
    border-radius: 10px;
}

iframe{
    width: 300px;
    height: 300px;
}

#ComputText {
    position: absolute;
    color: black;
    top: 1897px;
    font-size: 40px;
    left: 10px;
}

#Main1{
    position: absolute;
    left: 3%;
}

#TitlePaO {
    display: block;
    font-size: 32px;
    color: white;
    margin-left: 10px;
    margin-top: -97px;
}

#Square4{
    position: absolute;
    display: block;
    width: 49%;
    height: 50px;
    border: solid 1px black;
    top: 293px;
    background-color: #fb8500;
    margin-left: 10px;
    border-radius: 10px;
}
}