.body{

  /* BACKGROUND OPTIONS */
  background-image    :url("./img/back.png");
  background-color    :rgb(43 56 80);
  background-position :center;
  background-size     :100%;
  background-repeat   :no-repeat;

  /* CONTAINER OPTIONS */
  display             :flex;
  position            :absolute;
  left                :0;
  right               :0;
  top                 :0;
  bottom              :0;
  justify-content     :center;
  align-items         :center;

}

.centerDiv{ 

  display             :flex;
  flex-direction      :column;
  width               :75%;
  height              :50%;

}

.subContainer{

  display             :flex;
  flex-direction      :row;
  justify-content     :center;
  width               :100%;
}

.textCase{

 height: 60px

}



.selectorCase{

  justify-content     :space-evenly; 
  height              :320px

}

.selector{

  display             :flex;
  flex-direction      :column;
  justify-content     :center;
  align-items         :center;

}

.selector:hover {
  cursor: pointer;
}

img{

  border-radius       :50%;
  width               :200px;
  height              :200px;
  object-fit          :cover;

}


h1{

  font-family         :"Montserrat";
  color               :white;
  font-weight         :600;

}

h3{

  font-family         :"Montserrat";
  color               :white;
  font-weight         :400;
  font-size           :18px;

}

p{

  font-family         :"Montserrat";
  color               :white;
  font-weight         :400;
  font-size           :14px;
  
}

.selector div{

  font-family         :"Montserrat";
  color               :white;
  font-weight         :300;
  font-size           :12px;
  
}


@media only screen and (max-width: 993px) {
 

  .subContainer{
    flex-direction    :column;
    align-items       :center;
  }

  .selectorCase{
    justify-content   :space-evenly; 
    height            :520px;
  }

  img{
    width             :150px;
    height            :150px;
  }

  .body{
    background-size   :cover;
  }

}