@import url(https://fonts.googleapis.com/css?family=Raleway);

h1 {

    text-align:center;

}

#main{

    width:960px;

    margin:50px auto;

    font-family:arial;

}

#login {

    width: 815px;

    float: left;

    border-radius: 10px;

    font-family: arial;

    border: 1px solid #00a2d3;

    padding: 10px 40px 25px;

    margin: 17px 35px;

}

h2 {

    background-color: #d9edf7;

    text-align: center;

    border-radius: 10px 10px 0 0;

    margin: -10px -40px;

    padding: 15px;

    color:#3693c9;

    font-size: 20px;

}

hr{

    border:0;

    border-bottom:1px solid #00a2d3;

    margin: 10px -40px;

    margin-bottom: 30px;

}

#product_img{

    width: 50%; 

    float: left;

    border: 1px dashed rgba(0, 0, 0, 0.15);

}

#product_img img{

    padding: 10px;

    width: 95%;

    height: 340px;

}

.content_wrapper{

    float: right;

    width: 48%;

}

.content{

    border: 1px dashed rgba(0, 0, 0, 0.15);

    margin-bottom: 20px;

    padding: 11px;

}

.content p#description{

    text-align:justify;

    padding:10px;

}

#get_promo_code input[type=button] {

    width: 24%;

    background-color: white;

    float: right;

    color: #00a2d3;

    border: 2px solid #00a2d3;

    padding: 10px;

    font-size: 20px;

    cursor: pointer;

    border-radius: 5px;

}

input[type=text],input[type=password]{

    width: 73%;

    padding: 13px;

    border: 1px solid #00a2d3;

    padding-left: 5px;

    font-size: 15px;

    font-family:arial;

    border-radius: 5px;

} 

#amount{

    width: 50%;

    float: left;

}

#without_promo{



}

#promo_offer{

    display: none;

}

#promo_offer del p{

    color: rgba(128, 128, 128, .8);

}

#buynow{

    width: 50%;

    float: right;

}

input[type=submit]{

    width: 100%;

    background-color:green;

    color: white;

    border: 2px solid green;

    padding: 10px;

    font-size:20px;

    cursor:pointer;

    border-radius: 5px;

    margin-bottom: 15px;

}

span#wrong_code{

    color:red;	

}

span#right_code{

    color:green;

}

#return {

    width: 50%;

    height: auto;

    float: left;

    border-radius: 10px;

    font-family: arial;

    border: 2px solid #00a2d3;

    padding: 10px 40px 11px;

    margin: 0 auto;

	margin-left:25%;

	margin-top:50px;

}

#message-placeholder {

    margin: 10px auto auto;

    background: #d9edf7!important;

    border: 1px solid #bce8f1;

    width: 875px;

    color: #31708f;

    padding: 10px;

    position: relative;

    z-index: 1;

}

#message-placeholder b {

    color: rgb(14, 207, 14);

}

#return h3#success {

    text-align: center;

    font-size: 24px;

    margin-top: 50px;

    color: green;

}

#return P {

    margin-left: 122px;

}

#return .back_btn {

    margin-top: 51px;

    margin-left: 19%;

}

#btn {

    width: 100%;

    background-color: #FFBC00;

    color: white;

    border: 2px solid #FFCB00;

    padding: 10px 70px;

    font-size: 20px;

    cursor: pointer;

    border-radius: 5px;

    margin-bottom: 15px;

    margin: 0 auto;

}

a{

    text-decoration:none;

    color: cornflowerblue;

}



i{

    color: cornflowerblue;

}

#product_content {

    float: right;

    width: 400px;

    height: 250px;

    margin-top: 20px;

    margin-bottom: 23px;

    font-size: 14px;

    border: 1px solid rgba(128, 128, 128, 0.17);

}

#get_promo_code input[type=button]:hover{

    background-color:#00a2d3;

    color:  white;

}

.clear{

    clear: both;

}

.fr {

    float: right;

}

img#paypal_logo{

    float: right;	

    margin-right:25px;

    padding-bottom:15px;	

}

@media (max-width: 768px) {



    .content_wrapper, #product_img, #main{

        width: 100%;

    }

    #product_img img{

        width: 80%;

        margin-left: 10%;

        height: auto;

    }

    #login{

        width: 98%;

        margin: 1%;

        padding: 0;

    }

    h2,hr{

        margin: 0

    }

    #return {

        margin-left:5%;

        width: 70%;

    }

    #return .back_btn{

            margin-left: 12%;

    }

}