.background_blue{
  background: #90aeff;
}

.center_text {
    position: absolute;
    background: #ffffff;
    font-size: 3vw;
    padding: 5%;
    border-radius: 2vmin;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    width: 60%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.text_poster {
    position: absolute;
    font-size: 1.2vw;
    top: 40%;
    left: 36%;
}
.top_line {

    position: absolute;
    background: #728acb;
    width: 120%;
    left: -10%;
    height: 25%;
    transform: rotate(2deg);
    top: -7%;

}
.top_text {

    position: absolute;
    z-index: 10;
    color: white;
    font-size: 2.4vw;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 8%;
    width: 100%;
    text-align: center;

}
.mid_img {

    position: absolute;
    height: 60%;
    transform: translateX(-50%);
    left: 50%;
    top: 30.5%;
    border-radius: .5vmin;

}

.poster_text_1,.poster_text_2,.poster_text_3 {

    position: absolute;
    z-index: 10;
    width: 20%;
    transform: translateX(-50%);
    left: 50%;
    top: 38%;
    font-size: 1.6vw;
    color: #2274a5;
    font-weight: bold;

}
.poster_text_2 {

    font-weight: normal;
    top: 53%;

}
.poster_text_3 {

  font-weight: normal;
    top: 74%;

}
@media (min-aspect-ratio: 4/3){
	.center_text {
		font-size: 6.5vmin;
	}
  .top_text{
    font-size: 4.5vmin;
  }
  .poster_text_1,.poster_text_2,.poster_text_3 {
    font-size: 2.7vmin;
  }
}







