.form_element_spacing{
	margin: 10em;
	padding: 10em;
}

.red{
	color: red;
}

/* Form styles */

.labels{
	display:block;
}

input[type=text], input[type=date], input[type=time], select, textarea{
	width: 100%;
}


.various-radio-buttons{
	list-style-type: none;
	padding: 0;
  margin: 0;
}

#id_consent legend, #id_consent2 legend {
	display: none;
}

.well .lead{
	margin-bottom: initial;
}

/* End Form styles */


/* Styles for image zoom and opacity hover on home page */

.container-1 {
  position: relative;
  width: 100%;
  background-color: #ffffff;
	margin: 0;
}

.img {
    transition: transform 0.25s;
    display: block;
    width: 100%;
}

#contentcontainer .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  right: -11%;
  transform: translate(-50%, 75%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;	
}

#sg-resources{
	transform: translate(-55%, 75%);
}

.container-1:hover .image {
  opacity: 0.7;
}

.container-1:hover .middle {
  opacity: 1;	
}

button{
	background: #ffbe00;
	color: #333;
	font-size: 1em;
	padding: 9px 13px;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: all 500ms;
	border: none;
	white-space: nowrap;
}
	
.button:hover{
	color: #FFF;
	background: #002E66;
	text-decoration: none;
}

.zoom {
	overflow: hidden;
	position: relative;
}

.zoom:hover img{
	transform: scale(1.1);
}

#row1 {
	margin-top: 2rem
}

/*#row1, #row2, #row3*/ .col-md-4 {
	margin-bottom: 1rem
}

 .link-inline{
	 /*display: inline-block;*/
	 display: block;
 }

.tutorButtons{
	display: flex;
  justify-content: center;

}

.tutorButtons div {
	margin-right: 1rem;
}

.contact-popup{
	margin-bottom: 3rem;
}

@media screen and (min-width: 1024px) and (max-width: 1180px){
	.middle{
		position: initial;
		transform: initial;
	}
	.fullW{
		display: block;
	}
}

@media screen and (max-width: 992px) {

	.contact-popup{
		margin-bottom: 1rem;
	}
	
		.tutorButtons{
			display: block;
			width: 100%;
		}
	
	.tutorButtons div{
		margin-right: unset;
	}
	
	.tutorButtons a.button {
		display: block;
	}

}


@media (max-width: 768px) {
	.department #contentcontainer img {
		margin: 0;
	}
}