@charset "UTF-8";

/*
	Chebucto terms of use Style Sheet
    Author: Forde Nedimović
    Creation Date: 2023/07/07 
    Modified Date: 2023/07/11
*/

.heroSection
{
    position: relative;
    color: white;
    width: 100%;
    height: 30%;
    margin: 0;
    padding: 0;
}
.heroImage-container{
    height: 400px;
}
#termsOfUse
{
    width: 100%;
    height: 600px;
}
.termsOfUse-container
{
    overflow: auto;
    display: block;
    margin: auto;
    text-align: left;
    color: black;
    background-color: white;
    width: 80%;
    height: 90%;
    
    
}
#Title
{
    padding-top: 15px;
    font-style: none;
    font-family: sans-serif;
    text-align: center;
    color: black;
}
/* ===============================
   Mobile Styles: 0px to 600px 
   ===============================
*/
@media only screen and (max-width: 600px) and (min-width: 0px)
{
    /* Test for Responsive Design */
    .menu
    {
        background-color: blue;  
    }
    .heroSection
    {
        position: relative;
        color: white;
        width: 100%;
        height: 30%;
        margin: 0;
        padding: 0;
    }
    .heroImage-container{
        height: 150px;
    }
    #termsOfUse
    {
        width: 100%;
        height: 1100px;
    }
}

/* ===============================
   Tablet Styles: 600px to 800px 
   ===============================
*/
@media only screen and (max-width: 800px) and (min-width: 600px)
{
    /* Test for Responsive Design */
    .menu
    {
        background-color: yellow;  
    }
    .heroSection
    {
        position: relative;
        color: white;
        width: 100%;
        height: 30%;
        margin: 0;
        padding: 0;
    }
    .heroImage-container{
        height: 300px;
    }
    #termsOfUse
    {
        width: 100%;
        height: 900px;
    }
}