* {
    box-sizing: border-box;
    }
    
    h {
        color: black;
        font-size: 20px;
        font-weight: bold;
        
    }

    h1 {color: navy;
    font-size: 40px;}

    h3 {color:red;
        font-size: 30px;} 
    
    h2 { color: white}

    h7 {  color: blue;}

    .screen {
        margin-left: 40px;
        margin-top: 20px;

    }
    
    .footplus {
        margin-left: 20px;
        text-align: center;
  }
   
    body{background-color: rgb(187, 255,0);
    
    }

   
 .logo {
        float: right;
        margin-right: 200px;
      }



      td {
        padding: 10px;
        align-items: center;
        margin-left: 0px;
        white-space: nowrap;
}

    .sec-1 {height: 6cm;}
    .sec-2 {height: 6cm;}
    .sec-3 {height: 6cm;}
    .sec-4 {height: 6cm;}
    .sec-5 {height: 6cm;}
    .sec-6 {height: 6cm;}
    .sec-7 {height: 6cm;}


.footer{font-size:15px;
        display:block;
        }
        
 .footer-links{list-style-type:none;}
    
    
.nav {
    position: relative;
    background-color: navy;
    padding: 1em;
    text-align: center;
    }
    
 .nav ul {
    list-style: none;
    margin: 20px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    
    }
    
.nav li{
    
    margin-right: 20px;
    display: block;
    }
    
 .nav a {
    color: yellow;
    text-decoration: none;
    transition: color 0.2s ease ;
    }
    
.nav a:hover {
        color: #ccc;
    }
    
.nav li:hover {
        background-color: #555;
    }
 
    @keyframes slide {
    
        0%{
            left:0
        }
        10%{
            left:0
        }
        20%{
            left:-100%
        }
        30%{
            left:-100%
        }
        40%{
            left:-200%
        }
        50%{
            left:-200%
        }
        60%{
            left:-300%
        }
        70%{
            left:-300%
        }
        80%{
            left:-400%
        }
        90%{
            left:-400%
        }
        100%{
            left:0
        }
        }
        
        #slider{
            overflow: hidden;
            
            }
        
        #slider figure img{
            float: left;
            width: 20%;
            
            
        }
        
        #slider figure {
            position: relative;
            width: 500%;
            animation: slide 20s infinite;
        }
            





.column-1 {
    
        float: left;
        width: 60%;
        margin-top: 20px;
        margin-left: 10px;
    }   

.column-2{
        float:right;
        width: 25%;
        padding: top 20px;; 
        display: block;  
        margin-top: 40px;
        margin-right: 50px;
        margin-left: 10px;
        text-align: justify;
        align-content: center;
    }
           
          
    
    
    @media screen and (max-width: 1480px) {
    
.column-1 {
        float: left;
        display: block;
        width: 90%;
        margin-left: 10px;
        margin-top: 20px;
        
    }   
.column-2{
        display: flex;
        justify-content: center;
        width: 90%;width: 90%;
        padding-top:0%; 
        display: block;  
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 0px;
        text-align: justify;
    }
    
 td {
    padding: 10px;
    align-items: center;
    margin-left: 0px;
    white-space: nowrap;
}  
    }
    
      
    @media screen and (max-width: 500px) {
        .nav {
        flex-direction: column;
        align-items: center;
        }
            
        .nav ul {
        flex-direction: column;
        }
            
        .nav li {
        margin-right: 0;
        padding: 1rem;
        }
            
        .nav a {
        padding: 1em;
        }
        
    .column-1 {
            float: right;
            display: block;
            width: 90%;
            margin-left: 10px;
            margin-top: 20px;
       
    .footplus{
margin-left: 40px;
margin-right: 0;
    } 

        }   
    .column-2{
            display: flex;
            justify-content: center;
            width: 90%;
            padding-top:0%; 
            display: block;  
            margin-top: 20px;
            margin-left: 70px;
            text-align: justify;
        }
     

td {
    padding: 10px;
    align-items: center;
    margin-left: 0px;
    
}
        }
        }