.mincolor{
    color: #9c548c!important;
}

.border2{
    content: "";
    border: solid 1px #9c548c; 
    width: 200px;
    margin: auto;
    margin-top: 5px;
}
.border1{
    content: "";
    border: solid 1px #9c548c; 
    width: 100px;
    margin: auto;
    margin-top: 5px;
}
.Contact button{
    background-color: #9c548c;
    border: none;
    border-radius: 5px;
}

* {
    margin    : 0px;
    padding   : 0px;
    box-sizing: border-box;
}

body {
    background-color: rgb(73, 73, 73);
}
.clr {
    clear: both;
}

.Content .h2{
    color     : white;
    height: 250px;
    display:flex;
    justify-content: center;
    align-items: flex-end;
}
.Content .h3{
    text-align: center;
    color     : white;
    align-items: flex-end;
}
.Content h3 {
    display: block;
}

.me {
    background-color: white;
    padding         : 50px;
    margin-top      : 40px;
}

.Profile {
    width: 50%;
    float: left;
}
.Personal img {
    float  : left;
    width  : 40%;
    padding: 30px;
    border-radius: 30px;
}

.Praesent {
    float  : left;
    width  : 60%;
    padding: 30px;
}

.Praesent h3 {
    font-size: 20px;
    padding  : 3px;
}

.Praesent h3 span {
    font-size  : 16px;
    color      : rgb(139, 139, 139);
    font-weight: 400;
}

.about {
    float: left;
    width: 50%;
}
.about h2{
    padding-bottom: 10px;
    padding-left: 5px;
    padding-bottom: 50PX;
}
.about p{
    font-size  : 18px;
    color      : rgb(139, 139, 139);
    font-weight: 400;
    padding-top: 10PX;
}
.me {
    background-color: white;
    padding         : 50px;
    margin-top      : 40px;
}
.DESIGN{
    width: 29%;
    float: left;
    text-align: center;
    border-radius: 20px;
    margin: 20px;
    padding: 5px;
}
.DESIGN i{
    font-size: 40px;
    padding: 20px;
}
.DESIGN h3{
    font-size: 20px;
    font-weight: bold;
}
.DESIGN p{
    font-size  : 18px;
    color      : rgb(139, 139, 139);
    font-weight: 400;
}
.icon i{
    color:#9C548C;
}

.layer{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, 0.425);
    transform: translatey(-100%);
}
   .layer h3{
    text-align: center;
    padding-top: 10px;
    color: #000000;
    font-style: italic;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
   }
   .member:hover .layer{
       transform: translatey(0%);
   }
   .my{
    padding         : 50px;
   }
   .me h3{
    text-align: center;
    padding: 10px;
   }
   .me P{
    text-align: center;
    color: rgb(139, 139, 139);
   }
   .Copyright{
    color: white;
    background-color: #9c548c;
    text-align: center;
    padding: 20px;
}
.Copyright p span{ 
    font-size: 20px;
    font-weight: 900;
}
.MO{
    background-image: url(../img/COVER.png);
    background-size : cover;
    padding         : 50px;
    margin-top      : 40px;
}
.footer{
    background-color: rgb(255, 255, 255);
    padding         : 50px;
    text-align: center;
    color: #ffffff;
}
.footer h3{
    font-size: 28px;
    font-weight: 700;
    padding: 50px 0px 20px 0px;
    color: #000000;
}
.footer i{
    display: inline-block;
    padding: 10px;
}
.footer p{
    display: inline-block;
    font-size  : 18px;
    color      : rgb(139, 139, 139);
    font-weight: 400;
    padding: 10PX;
}
.iconfooter i{
    color:#9C548C;
    font-size: xx-large;
}
@media only screen and (max-width: 1030px) {
    ul li a {
       display: none;
   }
   .Profile {
    float: none;
   }
   .about {
    float: none;
   }
   .Personal img {
       width  :90%;
       padding: 10px;
   }
   .Praesent h3 {
       font-size: 16px;
       padding  : 1.5px;
   }
   
   .Praesent h3 span {
       font-size  : 1px;
       color      : rgb(139, 139, 139);
       font-weight: 400;
   }
   .DESIGN{
       width: 100%;
   }
   .Loreda{
       width: 100%;
   }
  .travel{
   width: 100%;
  }
  .travel button{
   display: none;
}
.Message {
   width: 100%;
}
.Get {
   width: 100%;
}
}