p { 
  color:blue; 
}

h1 {
  color:brown;
  text-align: center;
}

.container {
	background-image: url("images/background1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: auto;
	background-attachment: fixed;
}

.weds {
	width: 50%;
	height: 100%;
	min-width: 500px;
	margin: 0 auto;
	float: left;
	padding-bottom: 200px;
}

.wedstxt {
	width: 50%;
	height: auto;
	margin: 0 auto;
	clear: both;
	color: brown;
	font-size: 1.3em;
	text-align: justify;
	text-justify: inter-word;
}

.Sel1 {
	height: 100%;
    width: 100%;
	text-align:center;
	padding-top: 50px;
	float: left;
}

.Sel2 {
	height: 100%;
    width: 100%;
	text-align:center;
	float: left;
	margin-top: 500px;
	margin-bottom: 200px;
}

.Sel3 {
	height: 100%;
    width: 50%;
	text-align:center;
	margin: 0 auto;
}

.Sel4 {
	height: 100%;
    width: 100%;
	text-align:center;
	float: left;
	align: center;
	margin-top: 200px;
}

.Sel5 {
	height: 100%;
    width: 100%;
	text-align:center;
	float: left;
	margin-top: 200px;
}


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: red;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: brown;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.fadein { position:relative; width:50%; min-width: 300px; height:432px; padding-left: 5px; }
.fadein img {  position: absolute; }

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

@media screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape), screen and (max-width : 500px) {
	
.container {
	background-image: url("images/bgrphone.jpg");
        background-size: contain;
	background-repeat: round;
	background-position: center center;
	overflow: auto;
	background-attachment: fixed;
}

.fadein { position:relative; width:20%; min-width: 200px; height:332px; float: left; }
.fadein img {  position: absolute; float: left; }

.weds {
	width: 50%;
	height: 100%;	
	padding-bottom: 200px;
	text-align: left;
	
}

h1 {
	text-align: left;
}


    }

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

.container {
	background-image: url("images/bgrphone.jpg");
        background-size: contain;
	background-repeat: space;
	background-position: center center;
	overflow: auto;
	background-attachment: fixed;
}



}