@import url("../webfonts/Macondo_Regular/stylesheet.css");
.container .box {
    width: 25%;
    float: left;
    margin-right: 4%;
    margin-left: 4%;
    text-align: center;
    font-family: "Macondo Regular";
}
.container .box img {
    width: 100%;
}
.banner {
    text-align: center;
    font-family: "rouge-script";
    font-style: normal;
    font-weight: 900;
    font-size: 10vw;
}
.container .box .title1 {
    position: absolute;
    top: 30%;
    text-align: right;
    font-weight: lighter;
}
.container .box .title2 {
    position: absolute;
    top: 30%;
    text-align: right;
    font-weight: lighter;
}
.container .box .title3 {
    position: absolute;
    top: 30%;
    text-align: right;
    font-weight: lighter;
}
body {
    background-image: -webkit-linear-gradient(270deg,rgba(163,0,0,1.00) 0%,rgba(169,0,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(163,0,0,1.00) 0%,rgba(169,0,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(163,0,0,1.00) 0%,rgba(169,0,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(163,0,0,1.00) 0%,rgba(169,0,255,1.00) 100%);
}

.container .box .title4 {
    position: absolute;
    top: 90%;
    font-weight: lighter;
}
.container .box .title5 {
    position: absolute;
    top: 90%;
    font-weight: lighter;
}
.container .box .title6 {
    position: absolute;
    top: 90%;
    font-weight: lighter;
}




@media (max-width:767px){
.container {
}
.container .box {
    width: 42%;
}
}

@media (max-width:600px){
.container .box {
    width: 97%;
}
}
.title2 {
}