html {
    font-family: Arial;
    font-size: 3vw;
    background-color:white;
}

body {
    font-family: Arial;
    font-size: 3vw;
    background-color: white;
}

p {
    margin: 0px;
    padding: 0px 0px 7px 0px;
    text-indent: 30px;
}

 
#NavBar {

  padding-top:25px;
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
    z-index:1;
}


.ContentTop
{
   
   /*  background-color:red;*/
   

}



.ConsultationButton {
    display: inline-block;
    white-space: nowrap;
    font-size: 2vw;
    width: 32vw;
    padding: 1% 1% 1% 1%;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: white;
    background-color: #325475;
    border: none;
    border-radius: 15px;
    transition: transform 0.3s;
    box-sizing: border-box;
}

    .ConsultationButton:hover {
        background-color: #b96c49;
        color: white;
        transform: scale(1.05);
        text-decoration: none;
    }

    .ConsultationButton:active {
        background-color: #b96c49;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }


/* Styles for portrait layout */
/*@media screen and (orientation: portrait) {

    .ConsultationButton {
        display: inline-block;
        white-space: nowrap;
        width: 72vw;
        font-size: 5.5vw;
        margin-bottom:25px;
        padding: 1% 1% 1% 1%;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        outline: none;
        color: white;
        background-color: #325475;
        border: none;
        border-radius: 15px;
        transition: transform 0.3s;
        box-sizing: border-box;
    }
}*/



.ReadLessMoreDiv {
    margin-top: 20px;
    margin-bottom: 50px;
}



/*:target {
  display: block;
  position: relative;

}*/