html, body {
    height: 100%;
    width: 100%;
    font-family: 'Glegoo', serif;
    background-color: #F2F2F2;
    color: #201D3D;
}

header .navbar {
    padding: 30px;
}

header img {
    max-height: 100px;
    max-width: 100%; 
}

header .slogan {
    background-color: #611992;
    color: white;
    font-size: 1.25rem;
}

.about {
    margin-top: 100px;
}

.about h1 {
    color: #611992;
    font-weight: bold;
}

.about img {
    width: 100%;
}

.about .btn {
    background-color: #611992;
    border-color: #611992;
}

.about .btn:hover {
    background-color: #201D3D;
    border-color: #201D3D;
}

.service {
    margin-top: 150px;
}

.service h2 {
    color: #611992;
}

.service .bgwhite {
    background-color: white;
}

.rectanglepurple {
    background-color: #611992;
    height: 2px;
}

.process {
    margin-top: 150px;
    background-color: #201D3D;
    color: white;
}

.process img {
    max-width: 100%;
    height: auto; 
    border-left: 10px solid #F2F2F2;
    border-right: 10px solid #F2F2F2;
    /**transform: rotateY(3.142rad);**/
}

@media screen and (max-width: 1180px) {
    .process img {
        border: none;
    }
}

.actions {
    margin-top: 150px;
}

.actions .bgwhite {
    background-color: white;
}

.actions h2 {
    color: #611992;
}

.actions a {
    color: #611992;
}

.actions a:hover {
    color: #201D3D;
}

.actions .italic {
    color: #201D3D;
    font-style: italic;
}

.actions .btn {
    background-color: #611992;
    border-color: #611992;
}

.actions .btn:hover {
    background-color: #201D3D;
    border-color: #201D3D;
}

.opportunity {
    margin-top: 150px;
    background-color: #611992;
    color: white;
}

.opportunity span {
    margin-left: 15px;
}

.mentions {
    margin-top: 100px; 
    margin-bottom: 100px; 
    text-align: center;
}

.mentions .h5 {
    color: #611992;
}

.dpo {
    margin-top: 100px; 
    margin-bottom: 100px; 
    text-align: center;
}

.dpo .h5 {
    color: #611992;
}

footer {
    background-color: #201D3D;
    color: white;
    font-size: small;
}

footer ul li a {
    color: white;
    margin: 20px;
    text-decoration: none;
}
  
footer ul li a:hover {
    color: #D7C6E4;
}

.bold {
    font-weight: bold;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: #D7C6E4;
    text-decoration: none;
}
  
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%; 
    position:relative;
    height:0;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}