body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}


.topnav {
  overflow: hidden;
  background-color: white;
}

.topnav a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  background-color: transparent;
}

.topnav a:hover {
/*  background-color: #ddd;*/
  color: #FF5733;
 outline: 0;
}

.active {
/*  background-color: #4CAF50;*/
background-color: #fff;
 outline: 0;  
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


div.c {
    line-height: 2px;
} 

div.c {
    line-height: 2px;
} 

.fa-check {
  color: red;
  font-size:15px;
  
}

body, html {
    height: 70%;
    font-size: 13px; font-weight: 400; color: #888; margin-top: 10px;
    padding-left:0px;    
    
}

.parallax {
    /* The image used */
    background-image: url('images/ipsoffice1.jpg');

    /* Full height */
    height: 70%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
/*    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
/*    background-color: green; */
    background-color: green;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
/*    border: 2px solid #4CAF50;*/
    border-radius: 8px;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: maroon; 
    color: white; 
    border: 2px solid #008CBA;
    border-radius: 8px;
}

div.cc {
    font-size: 13px; 
    font-weight: 400; 
    color: #888; 
    margin-top: 10px;
    padding-left:0px;
}

div.ma {
/*    background-color: lightgrey;*/
    width: 100px;
/*    border: 25px solid green;*/
    padding: 5px;
    margin: 24px;
    padding-right:0px;
    padding-left:0px;
}

div.ccc {
    font-size: 12px; font-weight: 200; color: #888; margin-top: 10px;
    padding-left:25px;
    padding-right:25px;
}

div.txt {
    text-align: justify;
    text-justify: inter-word;
}