*{ margin: 0; padding: 0; }

body{ font-family: 'PT Serif', serif;}

.background-wrap {    width: 62%;    height: auto;    margin: auto;    padding-top: 6%; position: relative;}

.text {    position: absolute;    top: 0;    right: 0;    margin-top: 7%;    line-height: 84px;    font-size: 23px;    width: 65%;    margin-right: -3%;}

.text h3{ text-align: center;}

.text p {   padding: 13px;  font-size: 25px; text-align: center;}

a {    text-decoration: navajowhite;}

a:hover {    color: #6b6bf5;    text-decoration: underline;}


@media only screen and (max-width: 1806px){
    
    .background-wrap {    width: 72%;}
    
}

@media only screen and (max-width: 1628px){
    
    .background-wrap {    width: 79%;}
    
}

@media only screen and (max-width: 1456px){
    
    .background-wrap {    width: 87%;}
    
    .text {font-size: 21px; margin-right: -6%; }
    
}

@media only screen and (max-width: 1246px){
    
    .background-wrap {    width: 98%;}
    
}

@media only screen and (max-width: 1088px){
    
    .left-image img {    width: 42% !important;}    
    .text {   font-size: 19px;    margin-right: 0%;    width: 57%;}
    
}

@media only screen and (max-width: 934px){
    
    .left-image img {    width: 47% !important;}
    
    .text {    font-size: 17px;    width: 51%;}
    
    
}

@media only screen and (max-width: 922px){
    
    .left-image img {    width: 100% !important;}
    
    .text { position: static;   font-size: 20px;    margin: 0%;    width: 100%; line-height: 67px;}
    
    .left-image {    width: 40%;    margin: auto;}
    
    .background-wrap {padding: 1%;}
    
}

@media only screen and (max-width: 740px) {
    
    .text {line-height:61px; font-size: 14px;}
    
   .left-image {    width: 42%;    float: left;}
    
}

@media only screen and (max-width: 620px){
    
    .left-image {    width: 65%; float: none;}
    
    .text {font-size: 18px;}
    
}

@media only screen and (max-width: 700px){
    
    .text {font-size:13px }
    
}

@media only screen and (max-width: 498px){
    
    .left-image {    width: 83%;}    
    
    .text {    font-size: 13px;    line-height: 45px;}
    
}

@media only screen and (max-width: 430px){
    
    .left-image {    width: 76%;}
    
}