footer img.phone{
  width:30px;
  height:30px;
}

footer img.email{
  width:30px;
  height:30px;
}
footer img.link{
  width:30px;
  height:30px;

}
footer img.fb{
  width:30px;
  height:30px;
}
footer img.ins{
  width:30px;
  height:30px;

}

footer p{
  color:white;
}

footer{
  border-top: solid white;
}

footer .msg p{
  font-weight: bold;
}

label{
  color:white;
  font-weight: bold;
  margin:10px;
}

img.chcv{
  margin:20px;
  text-align: center;
}
img.encv{
  margin:20px;
  text-align: center;
}

#image {
  min-height:200px;
}

body #name{
  text-align:center;
  font-weight:bold;
  font-size:3rem;
  color:white;
  font-family:Apple Chancery, Bodoni;
}

body nav{
  background-size: cover;
  width:100vw;

}
.resume h2{
  text-align: center;
}

div.menu{
  width:100vw;
  background:#ead0d1;
  text-align:center;
  border-bottom: solid white;
}

.menu img{
    height:100px;
    width: auto;
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}

}
.row{
  text-align:center;
  margin:0px;
  background: linear-gradient(to right,#ead0d1,#5686BF);
  width:100vw;
}

.container{
  margin:0px;
}



header.container{
  align-items: center;
  margin:0;
  padding:0;
  width:100vw;

}

section.welcome{
  margin-top: 10px;
  color:white;
  background-color: #a27e7e;
  height:auto;
}

#contact{
  font-weight: bold;
}

section.graphic{
  align-items: center;
  padding:20px;
  width:100vw;
}



img.d-block{
  width:100vw;
  height:auto;
}
.graphic h2{
  color:#5686BF;
  font-style: italic;
}
.profile{
  text-align: center;
}


.project{
  text-align: center;
  padding:10px;
}

.aboutme h2{
  font-style: italic;
}

.quickfact{
  padding:10px;
  width:100%;
  height:auto;
}
.mymap{
  padding:10px;
  font-style: italic;
}

.aboutme h2{
  text-align: center;
}

.mymap h2{
  text-align: center;
}

#comment{
  width: 90%;

}
@media (max-width: 767px) {
  .wrapper{
    display: none;
  }
  img.bigprofile{
    display:none;
  }
  .grahic h2{
    size:50%;
   }

}

@media (min-width: 768px) and (max-width: 1200px) {

    .logo{
      display:none;
      }

   .project{
     display:flex;
  }


}
@media (min-width: 1200px) {


body #name p{
  text-align: left;
}


  .logo{
    display:none;
    }

  div.menu{
    text-align: left;
    background: linear-gradient(to right,#ead0d1,#5686BF);
    }

  section.wrapper{
     background-image: url('image/p1.png');
      margin-top: 10px;
      background-color: white;
      color:#a27e7e;
      height:auto;
    }

  .project{
    display:flex;
  }

}