body { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400;line-height: 30px; background:rgba(92,92,92,0.8); }

a { color: #fff; border-bottom: 1px dashed #fff; text-decoration: none; transition: all .3s; }
a:hover, a:focus { color: #fff; border: 0; text-decoration: none; }

h1 { font-size: 26px; font-weight: 300; color: #fff; line-height: 46px; font-style: italic; }

::-moz-selection { background: #8542a0; color: #fff; text-shadow: none; }
::selection { background: #8542a0; color: #fff; text-shadow: none; }

.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.equal > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.whitebg{
    background: white;
    
}
.whitebg{
    padding: 20px;
}
.rightbg{
    background-image: url('../bg1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}

.pri{

    font-family: 'Poiret One', cursive;
    font-size: 5em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 40px;
    
    
}

.whitebg .bold{
    font-weight: 700;
}
.whitebg .bolditalic{
 font-weight: 700;  
   font-style: italic;
 
}
.rightbg{
    float:right;
}


/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
    
    .pri{

    font-family: 'Poiret One', cursive;
    font-size: 2em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 15px;
    
    
} 

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    
   .pri{

    font-family: 'Poiret One', cursive;
    font-size: 3em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 15px;
    
    
} 

    .whitebg{
        order: 2;
    }
    .rightbg{
        order: 1;   
    }
    .rightbg{
    float:left;
}
.rightbg img{
    margin-top:50px !important;
    width: 300px !important;
}
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
    .pri{

    font-family: 'Poiret One', cursive;
    font-size: 2em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 15px;
    
    
} 
.whitebg{
        order: 2;
    }
    .rightbg{
        order: 1;   
    }

    .rightbg{
    float:left;
        }
        .rightbg img{
    margin-top:40px !important;
    width: 250px !important;
}
}
  

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
     .pri{

    font-family: 'Poiret One', cursive;
    font-size: 2em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 15px;
    
    
} 
.whitebg{
        order: 2;
    }
    .rightbg{
        order: 1;   
    }
    .rightbg{
    float:left;
        }

        .rightbg img{
    margin-top:40px !important;
    width: 200px !important;
}
    
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
    .pri{

    font-family: 'Poiret One', cursive;
    font-size: 2em;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin-top: 15px;
    
    
} 
.whitebg{
        order: 2;
    }
    .rightbg{
        order: 1;   
    }
    .rightbg{
    float:left;
        }
         .rightbg img{
    margin-top:40px !important;
    width: 200px !important;
}
}