.displaypostcontainer{
    text-align:center;
    width:50%;
    margin:0 auto 0 auto;
    border: 2px solid green;
}




.displaypost{

    width:50%;
    height:300px;
    
}


.adminpostform{

  
text-align: left;
margin-left: 20px;
margin-right: 20px;


}


.container-for-posts{
margin-top: 100px;
margin-left: 100px;
}

.adminpostcontainer{
text-align: center;
display: block;
justify-content: center;
}

.adminformcontainer2{

width: 100%;
display: block;

}



input{

    margin-bottom: 30px;
 
}

 #fileup {

    display: inline;
    
}

.cta-button-file{

padding-top: auto;
padding-left: 50px;
padding-right: 50px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
border: 1px solid lightgrey;


}

.cta-button-file:hover{

    padding-top: auto;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
   
    background-color: lightgray;
    
    
    }


.cta-button-sub{

    padding-top: auto;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    background-color: black;
    border: none;
    
    
    
    }

.cta-button-sub:hover{
background-color: orange;

}

.searchbar{

    width: 100%;

}



----------------------------------------------------------------------------------------------------------------------------------------------------------------------


body{
    margin: 0;
    padding: 0;
        overflow-x: hidden;
    }
    
    .bg-graphics{
     margin-left: 250px;
     margin-top: 100px;
    }
    
    .wheelimg{
    height: 300px;
    width: 300px;
    display: inline-block;
    }
    
    .navlink-custom:hover{
        text-decoration: underline;
        text-decoration-color: orange;
        text-decoration-thickness: 4px;
        text-underline-offset: 6px;
    }
    
    .navlink-custom-footer:hover{
        text-decoration: underline;
        text-decoration-color: orange;
        text-decoration-thickness: 2px;
        text-underline-offset: 6px;
    }
    
    .form-control{
        border-color: orange;
    
        font-size: 11pt;
      }
    
      .disclaimer{
        display: inline;
        font-size: 9pt;
      }
     .disclaimerlink {
        color: orange;
        font-size: 9pt;
    }
    
    .custom-textarea{
    
        height: 150px;
    }
    
    
    
    .formcontainer{
    
        
        
        width: 30%;
        margin-left: 100px;
    }
    
    
    
    .customdivs-form{
    
        margin-bottom: 20px;
    
    }
    
    .customfields-form{
        padding: 15px;
        border-radius: 15px;
        border: none;
        background-color: rgb(241, 241, 241);
        font-size: 11pt;
     
    
    }
    
    .cta-button{
        background-color: black;
        margin-left: 100px;
        border: none;
        border-radius: 5px;
    }
    
    .cta-button2{
        background-color: black;
        margin-left: 0px;
        border: none;
        border-radius: 5px;
    }
    
    .cta-button3{
        background-color: black;
        margin-left: 0px;
        border: none;
        border-radius: 5px;
    }
    
    .cta-button3:hover{
        background-color: orange;
        margin-left: 0px;
        border: none;
        border-radius: 5px;
    }
    
    
    
    
    
    .cta-button:hover{
        background-color: orange;
        margin-left: 100px;
        border: none;
        border-radius: 5px;
    }
    
    .cta-button2:hover{
        background-color: orange;
        margin-left: 0px;
        border: none;
        border-radius: 5px;
    }
    
    
    
    
    .video-container-custom{
    
        
    
    margin-top: 100px;
    margin-left: 100px;
    
    
    
    }   
    
    
    
    .custom-text-1{
        display: inline-block;
    
    padding-top: 100px;
    margin-left: -10px;
    }
    
    .customvideoframe{
    
       
    
        width: 560px;
        height: 315px;
        padding-left: 100px;
    
    }
    
    .maintitle{
        font-size: 40px;
        font-weight: bold;
        padding-left: 100px;
    }
    .maintitle2{
        font-size: 40px;
        font-weight: bold;
    
    }
    
    .mainparagraph{
    
        padding-top: 20px;
        max-width: 500px;
        overflow-wrap: anywhere;
        font-size: 13pt;
        padding-left: 100px;
    
    }
    
    .article{
    
       
        text-align: center;
    
        width:100%;
        max-width: 700px;
        margin: 0px auto;
    
    }
    
    .article-title{
    
    margin-top: 100px;
    }
    
    .article-text{
        width: 100%;
        text-align: left;
        padding-top: 10px;
    }
    
    .article-text-link{
        width: 100%;
        text-align: left;
      
    }
    
    
    @media only screen and (device-width: 768px) {
        /* For general iPad layouts */
        .customvideoframe{
    
       
    
            width: auto;
            height: auto;
        
        }
      }
      
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
        /* For portrait layouts only */
        .customvideoframe{
    
       
    
            width: auto;
            height: auto;
        
        }
      }
      
      @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
        /* For landscape layouts only */
        .customvideoframe{
    
       
    
            width: auto;
            height: auto;
        
        }
      }
    
      
    
    @media (max-width: 978px) {
        .video-container-custom{
    
            margin: 0;
            padding: 0;
            object-fit: contain;
            
            
    
        }
    
        .customvideoframe{
    
       
    
            width: auto;
            height: auto;
        
        }
    
    }
    
    @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:landscape) {
        /* For nest hub layouts */
        .customvideoframe{
    
       
    
            width: auto;
            height: auto;
        
        }
      }