@charset "utf-8";

.dtnav{
	background-color: #801517 !important; padding-top: 0; padding-bottom: 0; 
}

.whitetext{color: white !important}

.DTHeader{
	padding-top: 20px;
	padding-bottom: 25px;
}

.pad15{padding: 0px}

.fullimg{width: 100vw}

#DTBig{
	background-image: url("Images/Blue-Crop1.jpg");
	background-size: cover;
	background-position:top;
	background-color: #104e9d;
}

.IntroText{
	color: white;
	font-family: 'Bebas Neue', sans-serif;
	font-size:calc(50px + 3vw);
	line-height: 1;
	
}

#Intro1{
	margin-left: 3vw;
	margin-top: 35px;
	margin-bottom: 17px;
}

.redbar{
	padding-top: 20px;
	background-color: #801517;
}

.fullwide{padding-left: 0; padding-right: 0;}

#expla1{
	color: white; 
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	margin-left: 3vw;
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 1.45;}

.buttoncol{margin-left: 3vw; margin-bottom: 40px;}

.dtibuttons{width: 195px; height: auto; display: inline-flex}

#sudbutton {background-image: url("Images/SudengaButton.png"); width: 195px; height:75px; background-size: contain}

#dalbutton{margin-left: 10px; background-image: url("Images/DALButton.png"); width: 195px; height:75px; background-size: contain}

#dalbutton:hover {background-image: url("Images/DALWhite.png")}

#sudbutton:hover {background-image: url("Images/SUDWhite.png");}

#sudbutton:hover img{display: none;}

#mapimg{height: auto; width: 100%; margin: auto; max-width: 210px; text-align: center; display: flex; align-items: center; flex-wrap: wrap; vertical-align: middle; margin-bottom: 15px; margin-top: 20px}

#MapTextRow{background-color: #E1E1E1; background-image: url("Images/AltStyle.jpeg"); background-size: cover; background-position: center; padding-top: 10px; padding-bottom: 10px;}

.roundbox{width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 21px; color: #1d385c; font-weight: bold; font-kerning: 1.1; border-radius: 15px; line-height: 1.45;}

.parabox{margin-top: 22px; margin-bottom: 9px; margin-left: 15px; margin-right: 15px; padding: 18px;}

#SudRow{background-color: #951b20; height: 400px; }

.contentbox{margin-left: 3vw; margin-right: 3vw}

#SLogo{margin-top: 57px; margin-left: 10px}

.LearnMore{margin: 5px; border-color: white; color: white; border: solid; font-weight: bold; padding: 5px; width: 130px; padding-left: 10px; text-decoration: none !important; margin-top: 32px;}

.LearnMore:hover{text-decoration: none !important;}

#SudImgCol{background-image: url("Images/GrainPic.jpg"); background-position: top; background-size: cover;}

#DalImgCol{background-image: url("Images/TruckLineup2.jpg"); background-position: top; background-size: cover;}

#DalRow{background-color: #104e9d; height: 400px; }

#DLogo{margin-top: 57px; margin-left: 10px}

@media only screen and (max-width: 750px) {
  #expla1 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 447px) {
  #dalbutton {
    margin-left: 0; margin-top: 12px; margin-right:10px; 
  }
}

@media only screen and (max-width: 1672px) {
  #mapimg {
    margin-top: 1.7vw;
  }
	
	.parabox{margin-top: 12px;}
}

@media only screen and (max-width: 1348px) {
  #mapimg {
    margin-top: 3vw;
  }
	
}

@media only screen and (max-width: 750px) {
  .roundbox {
    font-size: 18px;
  }
}

@media only screen and (max-width: 600px) {
  #mapimg {
    margin-top: 35px; margin-bottom: 23px; padding-left: 10px; padding-right: 10px;
  }

	.parabox{margin-top: 24px; width: 100%; margin-left: 0; margin-right: 0;}
	
	.redrow{background-color: initial}

}

@media only screen and (max-width: 1199px) {
  #mapimg {
    margin-top: 40px;; margin-bottom: 15px; padding-left: 10px; padding-right: 10px;
  }

	.parabox{margin-top: 0px; width: 100%; margin-left: 0; margin-right: 0;}
	
	.redrow{background-color: initial}

}

@media only screen and (max-width: 767px) {
	#SudRow{height: 830px;} #SudImgCol{height: 300px; background-image: url("Images/PortHopper2.jpg"); background-position: center;}
	
}

@media only screen and (min-width: 1400px) {
	#SudImgCol{background-image:url("Images/AugerSud8.jpg"); background-position: bottom;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1720px) {

	#SudRow{height: 450px;}}

@media only screen and (max-width: 365px) {
  #SLogo {
    width: 240px; height: 80px;
	}}

@media only screen and (max-width: 767px) {
	#DalRow{height: 830px;} #DalImgCol{height: 300px; background-image: url("Images/SMTruckLine2.jpg"); background-position: bottom;}
	
}

@media only screen and (min-width: 1400px) {
	#DalImgCol{background-image:url("Images/Trucks.jpg"); background-position: center;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1720px) {

	#DalRow{height: 450px;}}

@media only screen and (max-width: 365px) {
  #DLogo {
    width: 240px; height: 80px;
	}}

.imgline{height: 10px; background-color: #222222}

.blackfooter{min-height: 150px; background-image: url("Images/AltStyle.jpeg"); background-size: cover; line-height: 1.5; padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 50px;}

.footer{text-align: center; margin: auto;}

a:hover {
    color: transparent;
    text-decoration: none;
}