@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Roboto', sans-serif;
}
a:link, a:visited   {
    color: #212529;
    text-decoration: none;
}
a:hover   {
    color: black;
    text-decoration: underline;
}
.jumbotron {
    background-image: url("../images/jumbotron.jpg");
    background-size: cover;
    background-position: center, right;
    background-repeat: no-repeat;
    text-align: left;
    padding-top: 93px;
    padding-left: 20px;
}



/*Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap  
Small devices (landscape phones, 576px and up) 
*/
/*@media (min-width: 576px) {
.jumbotron {
background-image: url("../images/jumbotron.jpg");
 background-color: red;
background-size: cover;
 background-repeat: no-repeat;
 background-position: 50%;
margin-top: 10px;
}
}*/

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.jumbotron {
    background-image: url("../images/jumbotron.jpg");
    background-size: cover;
    background-position: center 65%;
    background-repeat: no-repeat;
     text-align: left;
	padding-top: 50px;
    padding-left: 15%;
}
	.ipadwide {
		margin: 0 auto;
	}
}


/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.jumbotron {
    background-image: url("../images/jumbotron.jpg");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 15%;

}
}

/* iPad Pro */
@media (min-width: 1024px) {
.jumbotron {
    background-image: url("../images/jumbotron.jpg");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 15%;

}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.jumbotron {
    background-image: url("../images/jumbotron.jpg");
 background-position: right center;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 15%;

}
}