@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap');

/*html {
    overflow-y: scroll;
}*/

body {
    font-family: 'Kanit', sans-serif;
    margin-top: 0;
    min-width: 800px;
    /*min-width: 800px;
    height: 600px;*/

    position: absolute;
    
}

 
 .big-image .home1-image {
    
    background: url('images/analyst1_1.png') no-repeat;
    display: block;
    margin:  0, auto;
    min-width: 100%; 
    
 }
       
 h0 {
    display: block;
    text-align: center;
    margin-top: -200px;
    font-size: 48px;
    font-weight: bold;
    color: #550000;
}

 #links {
     color: blue;
 }
 
           
     .content1 {
           display: block;
            margin-top: 200px;
            overflow: hidden;
            width: 100%;
    
        }
        
      

        .content1 .image1 {
            display: inline-block;
            margin-top: -20%;
            width: 30%;          
            margin-left: 60%;   
             
         }
        
        .content1 .content-text1{
            display: inline;
            width: 40%;
            float: left;
            font-size: 36px;
            font-weight: bold;
            overflow: hidden;
            margin-left: 7%;
            color: #550000;
    
        }*

         .content2 {
            display: block;
            margin-top: 100px;
            overflow: hidden;
        }

        .content2 .image2 {
            display: inline;
            /*margin-top: 12%;*/
            width: 30%;
            /*height: 320px;*/
            float: left;
            margin-left: 2%;
            overflow: hidden;
         
         }
         
         .content2 .content-text2 h1{
            display: inline-block;
            margin-top: -18%;
            /*margin-inline-start: 300px;*/
            width: 50%;
            font-size: 36px;
            font-weight: bold;
            overflow: hidden;
            margin-left: 50%;
            color: #550000;
    
        }

         
        
        
         .content3 {
            display: block;
            margin-top: 100px;
            overflow: hidden;
        }
        

        .content3 .image3 {
            display: inline;
           margin-top: 20%;
           width: 35%;
           height: 30%;
           float: right;
           margin-right: 50px;    
             
         }
         
         .content3 .content-text3 h2{
             display: inline;
             /*margin-top: -150px;
             margin-inline-start: 300px;*/
             width: 40%;
             font-size: 36px;
             float: left;
             overflow: hidden;
             margin-left: 7%;
             color: #550000;
     
         }

          .content4 {
            display: block;
            margin-top: 100px;
            overflow: hidden;
        }
        

        .content4 .image4 {
            display: inline;
            /*margin-top: 15%;*/
            width: 30%;
           /* height: auto;*/
            float: left;
            margin-left: 2%;     
             
         }
         
         .content4 .content-text4 h3{
            display: inline-block;
            margin-top: -15%;
            /*margin-inline-start: 300px;*/
            width: 50%;
            font-size: 36px;
            font-weight: bold;
            overflow: hidden;
            margin-left: 50%;
            color: #550000;
     
         }

          .content5 {
            display: block;
            margin-top: 100px;
            overflow: hidden;
        }
        

        .content5 .image5 {
            display: inline;
           margin-top: 10%;
           width: 30%;
           float: right;
           margin-right: 50px;  
         }
         
         .content5 .content-text5 h4{
             display: inline;
             /*margin-top: -150px;
             margin-inline-start: 300px;*/
             width: 40%;
             float: left;
             font-size: 36px;
             overflow: hidden;
             margin-left: 7%;
             color: #550000;
     
         }

          .content6 {
            display: block;
            margin-top: 100px;
            margin-bottom: 100px;
            overflow: hidden;
        }
        

        .content6 .image6 {
            display: inline;
            margin-top: 1%;
            width: 30%;
           /* height: auto;*/
            float: left;
            margin-left: 2%;     
             
         }
         
         .content6 .content-text6 h5{
            display: inline-block;
            margin-top: -15%;
            /*margin-inline-start: 300px;*/
            width: 50%;
            font-size: 36px;
            font-weight: bold;
            overflow: hidden;
            margin-left: 50%;
            color: #550000;
         }

         .content7 {
            display: block;
            margin-top: 150px;
            overflow: hidden;
            /*height: 100px;*/
        }
        

        .content7 .image7 {
            display: inline;
           margin-top: 10%;
           width: 35%;
           float: right;
           margin-right: 50px; 
           /*height: 100px;*/ 
         }
         
         .content7 .content-text7 h6{
             display: inline;
             /*margin-top: -150px;
             margin-inline-start: 300px;*/
             width: 40%;
             float: left;
             font-size: 36px;
             overflow: hidden;
             margin-left: 7%;
             color: #550000;
     
         }

        

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

            body {
                margin-top: 0;
                min-width: 100%;
                position: absolute;
                max-height: auto;
                
            }

            
    .big-image .home1-image {
        background: url('images/analyst1_1.png') no-repeat;
        display: block;
        margin:  0, auto;
        min-width: 100%; 
        
     }
           
     h0 {
        display: block;
        text-align: center;
        margin-top: -250px;
        font-size: 56px;
        font-weight: bold;
        color: #550000;
    }
    
     #links {
         color: blue;
     }
     
               
         .content1 {
               display: block;
                margin-top: 200px;
                width:  100%;
            }
            
    
            .content1 .image1 {
               display: inline-block;
               margin-top: -20%;
               width: 30%;
               /*height: 22%;*/
               margin-left: 60%;
                
            }
            
            .content1 .content-text1{
                display: inline;
                /*margin-top: -150px;
                margin-inline-start: 300px;*/
                width: 30%;
                float: left;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 7%;
                color: #550000;
        
            }
    
             .content2 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
        
            }
    
            .content2 .image2 {
                display: inline;
                /*margin-top: 12%;*/
                width: 30%;
                /*height: 320px;*/
                float: left;
                margin-left: 2%;
                overflow: hidden;
             
             }
             
             .content2 .content-text2 h1{
                display: inline-block;
                margin-top: -18%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
        
            }
    
             
            
            
             .content3 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
                clear: inherit;
            }
            
    
            .content3 .image3 {
                    display: inline-block;
                    margin-top: -25%;
                    width: 30%;
                   /* height: auto;*/      
                    margin-left: 60%;     
                                     
             }
             
             .content3 .content-text3 h2{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 font-size: 36px;
                 float: left;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content4 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
            }
            
    
            .content4 .image4 {
                display: inline;
                /*margin-top: 15%;*/
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content4 .content-text4 h3{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
         
             }
    
              .content5 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
            }
            
    
            .content5 .image5 {
                display: inline-block;
                margin-top: -25%;
                width: 30%;
               /* height: auto;*/
                
                margin-left: 60%;     
                 
                 
             }
             
             .content5 .content-text5 h4{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 float: left;
                 font-size: 36px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content6 {
                display: block;
                margin-top: 150px;
                margin-bottom: 100px;
                overflow: hidden;
            }
            
    
            .content6 .image6 {
                display: inline;
                margin-top: 1%;
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content6 .content-text6 h5{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 32px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
             }

             .content7 {
                display: block;
                margin-top: 100px;
                /*height: 200px;*/
                overflow: hidden;
            }
            
    
            .content7 .image7 {
                display: inline-block;
                margin-top: 10%;
                width: 30%;
                height: 250px;
                overflow: hidden;
                margin-right: 10%;     
                 
                 
             }
             
             .content7.content-text7 h6{ 
                 display: inline;
                 margin-top: 20%;
                 /*margin-inline-start: 300px;*/
                 width: 25%;
                 float: left;
                 font-size: 32px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
             

    }
    
    
            
            
        

        @media only screen and (min-width: 1200px) and (max-height: 899px) {

            body {
                margin-top: 0;
                width: 100%;
                position: absolute;
                height:  100%;
            }


    .big-image .home1-image {
        background: url('images/analyst1_1.png') no-repeat;
        display: block;
        margin:  0, auto;
        min-width: 100%; 
        
     }
           
     h0 {
        display: block;
        text-align: center;
        margin-top: -200px;
        font-size: 56px;
        font-weight: bold;
        color: #550000;
    }
    
     #links {
         color: blue;
     }
     
               
         .content1 {
               display: block;
                margin-top: 200px;
        
            }
            
    
            .content1 .image1 {
               display: inline-block;
               margin-top: -15%;
               width: 30%;
               /*height: 22%;*/
               margin-left: 60%;   
                
            }
            
            .content1 .content-text1{
                display: inline;
                /*margin-top: -150px;
                margin-inline-start: 300px;*/
                width: 30%;
                float: left;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 7%;
                color: #550000;
        
            }
    
             .content2 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
        
            }
    
            .content2 .image2 {
                display: inline;
                /*margin-top: 12%;*/
                width: 30%;
                /*height: 320px;*/
                float: left;
                margin-left: 2%;
                overflow: hidden;
             
             }
             
             .content2 .content-text2 h1{
                display: inline-block;
                margin-top: -18%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
        
            }
    
             
            
            
             .content3 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
                clear: inherit;
            }
            
    
            .content3 .image3 {
                    display: inline-block;
                    margin-top: -18%;
                    width: 30%;
                   /* height: auto;*/      
                    margin-left: 60%;     
                                     
             }
             
             .content3 .content-text3 h2{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 font-size: 36px;
                 float: left;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content4 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
            }
            
    
            .content4 .image4 {
                display: inline;
                /*margin-top: 15%;*/
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content4 .content-text4 h3{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
         
             }
    
              .content5 {
                display: block;
                margin-top: 150px;
                overflow: hidden;
            }
            
    
            .content5 .image5 {
                display: inline-block;
                margin-top: -18%;
                width: 30%;
               /* height: auto;*/
                
                margin-left: 60%;     
                 
                 
             }
             
             .content5 .content-text5 h4{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 float: left;
                 font-size: 36px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content6 {
                display: block;
                margin-top: 150px;
                margin-bottom: 100px;
                overflow: hidden;
            }
            
    
            .content6 .image6 {
                display: inline;
                margin-top: 1%;
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content6 .content-text6 h5{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
             }

             .content7 {
                display: block;
                margin-top: 50px;
                overflow: hidden;
                padding-bottom: 30px;
            }
            
    
            .content7 .image7 {
                display: inline-block;
                margin-top: 5%;
                width: 30%;
               /* height:  400px;*/
                overflow: hidden;
                margin-left: 60%;      
                 
                 
             }
                 
             
             
             .content7 .content-text7 h6{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 float: left;
                 margin-top: -25%;
                 font-size: 36px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
    
        
        }      

  @media only screen and (min-width: 1600px) and (min-height: 900px){


    
    body {
        margin: 0;
        /*width: 100%;*/
        position: absolute;
        /*margin: 20px auto;*/
        height:  100%;

      }

     
      /*.big-image .home1-image {
        min-width: 100%;
        height: auto;
    }*/

    .big-image .home1-image {
        background: url('images/analyst1_1.png') no-repeat;
        display: block;
        margin:  0, auto;
        min-width: 100%; 
        
     }
           
     h0 {
        display: block;
        text-align: center;
        margin-top: -350px !important;
        font-size: 56px;
        font-weight: bold;
        color: #550000;
    }
    
     #links {
         color: blue;
     }
     
               
         .content1 {
               display: block;
                margin-top: 300px;
        
            }
            
    
            .content1 .image1 {
               display: inline-block;
               margin-top: -10%;
               width: 30%;
               /*height: 22%;*/
               margin-left: 60%;   
                
            }
            
            .content1 .content-text1{
                display: inline;
                /*margin-top: -150px;
                margin-inline-start: 300px;*/
                width: 30%;
                float: left;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 7%;
                color: #550000;
        
            }
    
             .content2 {
                display: block;
                margin-top: 200px;
                overflow: hidden;
        
            }
    
            .content2 .image2 {
                display: inline;
                /*margin-top: 12%;*/
                width: 30%;
                /*height: 320px;*/
                float: left;
                margin-left: 2%;
                overflow: hidden;
             
             }
             
             .content2 .content-text2 h1{
                display: inline-block;
                margin-top: -18%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
        
            }
    
             
            
            
             .content3 {
                display: block;
                margin-top: 200px;
                overflow: hidden;
                clear: inherit;
            }
            
    
            .content3 .image3 {
                    display: inline-block;
                    margin-top: -15%;
                    width: 30%;
                   /* height: auto;*/      
                    margin-left: 60%;     
                                     
             }
             
             .content3 .content-text3 h2{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 font-size: 36px;
                 float: left;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content4 {
                display: block;
                margin-top: 200px;
                overflow: hidden;
            }
            
    
            .content4 .image4 {
                display: inline;
                /*margin-top: 15%;*/
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content4 .content-text4 h3{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
         
             }
    
              .content5 {
                display: block;
                margin-top: 200px;
                overflow: hidden;
            }
            
    
            .content5 .image5 {
                display: inline-block;
                margin-top: -15%;
                width: 30%;
               /* height: auto;*/
                
                margin-left: 60%;     
                 
                 
             }
             
             .content5 .content-text5 h4{
                 display: inline;
                 /*margin-top: -150px;
                 margin-inline-start: 300px;*/
                 width: 40%;
                 float: left;
                 font-size: 36px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
              .content6 {
                display: block;
                margin-top: 200px;
                margin-bottom: 100px;
                overflow: hidden;
            }
            
    
            .content6 .image6 {
                display: inline;
                margin-top: 1%;
                width: 30%;
               /* height: auto;*/
                float: left;
                margin-left: 2%;     
                 
             }
             
             .content6 .content-text6 h5{
                display: inline-block;
                margin-top: -15%;
                /*margin-inline-start: 300px;*/
                width: 50%;
                font-size: 36px;
                font-weight: bold;
                overflow: hidden;
                margin-left: 50%;
                color: #550000;
             }


             .content7 {
                display: block;
                margin-top:  150px;
                padding-bottom: 50px;
                overflow: hidden;
            }
            
    
            .content7 .image7 {
                display: inline-block;
                /*margin-top: 0.5%;*/
                width: 30%;
                height:  400px;
                overflow: hidden;
                margin-left: 60%;      
                 
                 
             }
             
             .content7 .content-text7 h6{
                 display: inline;
                 margin-top: -15%;
                 /*margin-inline-start: 300px;*/
                 width: 40%;
                 float: left;
                 font-size: 36px;
                 overflow: hidden;
                 margin-left: 7%;
                 color: #550000;
         
             }
    
     

       
           
}