.container{
  width:85%;
  margin: 0 auto;
}
.wrapper {
  width: 100%;
  padding-top: 45px;
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  color: #fff;

}

h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 45px;
  letter-spacing: 8px;
  font-weight: bolder;
  line-height: 50px;
}
.right h4{
  font-family: 'Oswald', sans-serif; 
  color: #fff;
  letter-spacing: 2px;
  margin-bottom:-12px;
}
h5{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}
.right p{
  font-family: 'Open Sans', sans-serif;
  width:85%;
}
.right p span{
  font-weight: bold;
}
.right p a{
  text-decoration: none;
  color:#fff;
}
.right ul li{
  display: inline-block;
  list-style: none;
}
.right ul{
  padding-left:0;
  margin:0;
}
.left img{
  padding-top:20%;

}

/* Mobile Styles Start Of Break Points*/
@media only screen and (max-width: 700px) {
.container{
  width:100%;
  margin: 0 auto;
}
.wrapper {
  width:100%;
  display:flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
.left{
  width:100%;
  margin-top:0;
  order: 1;
}
.left img {
  padding-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.right {
  width: 80%;
  order: 2;
  padding-left: 7%; 
  padding-right: 7%; 
  margin: 0 auto;
}
.right p{
  width:100%;
}
/*
.container {
  padding-left: 20px;
  padding-right: 20px;
}*/

}