Использование viewport

.footer_text_right{
   left: 800px;
}

.email{
   left: 800px;
}

footer{
   position:relative;
}
.footer_text_right, .email{
    position: absolute;
    right: 0;
}

nav{
  left: 50%;
  margin-left: -490px
}
@media (max-width: 767px) and (min-width: 414px){
   nav{
     margin-left: -490px
  }
}

h1{
  left: 79px;
}

h1{
    margin-left: 139px;
}

@media (max-width: 1000px) and (min-width: 768px)
.header_buttom {
    left: 97%;
}

@media (max-width: 767px) and (min-width: 414px)
.header_buttom {
    left: 185%;
}

@media (min-width:320px) and (max-width:374px) {
    
    .header_buttom {
        left: 231%;
    }
}
 
@media (min-width:375px) and (max-width:413px) {
    
    .header_buttom {
        left: 202%;
    }
}
@media (max-width: 767px) and (min-width: 414px){
    
    .header_buttom {
        left: 185%;
    }
}
 
@media (min-width:768px) and (max-width:1000px) {
    
    .header_buttom {
            left: 100%;
    }
}

@media (max-width: 374px) and (min-width: 320px) {
nav {
   
    left: 490px;   
}
}
 
@media (max-width: 413px) and (min-width: 375px) {
nav {
  
    left: 491px;  
}
}
 
@media (max-width: 767px) and (min-width: 414px) {
nav {
    margin-left: -207px;
}
 
}
 
@media (max-width: 1000px) and (min-width: 768px) {
nav {
    left: 490px;
  
}
}

.content_block {
    width: 980px;
    height: 1550px;
    background-color:#ffffff
}