body{
margin: 0;
padding: 0;
    overflow-x: hidden;
}



.bg-graphics{
 margin-left: 250px;
 margin-top: 100px;
}

.wheelimg{
height: 300px;
width: 300px;
display: inline-block;
}

.containerlog-admin{
    max-width: 600px;
    margin-top: 200px;
    margin-left: 35%;

    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 80px;
    padding-right: 80px;
    border-radius: 20px;
    border : 2px solid lightgrey;
}



.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-filtered{

   
    text-align: center;

    width:100%;
    max-width: 700px;
    margin: 0px auto;
    background-color: black;

}

.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;
    
    }
    .containerlog-admin{
        margin: 0;
        
            }
        
  }
  
  @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;
    
    }
    .containerlog-admin{
        margin: 0;
        
            }
        
  }
  
  @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;
    
    }
    .containerlog-admin{
        margin: 0;
        
            }
        
  }

  

@media (max-width: 978px) {
    .video-container-custom{

        margin: 0;
        padding: 0;
        object-fit: contain;
        
        

    }

    .customvideoframe{

   

        width: auto;
        height: auto;
    
    }

    .containerlog-admin{
        margin: 0;
        
            }
        

}

@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;
    
    }

    .containerlog-admin{
margin: 0;

    }

  }